每周添加代码

Adding code into weebly

本文关键字：代码 添加 每周      更新时间：2023-09-26

我有这个http://jsfiddle.net/TtX7F/1/但我不知道如何让它在每周工作。HTML部分工作，但js只在编辑时工作，而不是在发布时，我不知道在哪里放入CSS。

这是javascript

$("input").on("click", color);
$(document).ready(color);
function color() {
var shell = $("[name='shell']:checked").val(),
    thumbs = $("[name='thumbs']:checked").val(),
    result = {
        "shell": "",
            "thumbs": ""
    };
switch (true) {
    case (shell === "black"):
        result.shell = "http://liberatedinamerica.com/wp-content/uploads/2013/05/shell-black.png";
        break;
    case (shell === "blue"):
        result.shell = "http://liberatedinamerica.com/wp-content/uploads/2013/05/shell-blue.png";
        break;
    case (shell === "pink"):
        result.shell = "http://liberatedinamerica.com/wp-content/uploads/2013/05/shell-pink.png";
        break;
}
switch (true) {
    case (thumbs === "red"):
        result.thumbs = "http://liberatedinamerica.com/wp-content/uploads/2013/05/ey-thumbs-ps3-red.png";
        break;
    case (thumbs === "lime"):
        result.thumbs = "http://liberatedinamerica.com/wp-content/uploads/2013/05/ey-thumbs-ps3-lime.png";
        break;
}
$(".shell").attr("src", result.shell);
$(".thumbs").attr("src", result.thumbs);
console.log(result);

}

你可以在'Embed'元素中添加HTML，在main style.css中添加CSS。也可以使用Embed元素添加Javascript。如果要添加Javascript，可以试试:

<script> <Insert your Javascript Code here> </script>

要避免使用太多元素，只需在HTML代码下面添加Javascript代码，如下所示:

<html>
<add your HTML code here>
</html>
<script>
<Javascript code>
</script>

HTML代码可以通过"embed code"元素放置。CSS可以插入到您的网站/页面/布局标题，但请记住将其包含在<style></style>中。但是你也可以在main-style.css上添加CSS。JS或JavaScript(和其他JQueries)可以放在页眉/页脚代码框中，其中包含<script></script>。

这是最简单的解释。详见:http://www.myweeblytricks.com/2014/01/3-ways-in-editing-weeblys.html

你可以在每周的文件中添加你的js代码到custom.js文件。此处输入图像描述

相关文章：