Question

我有这个http://jsfiddle.net/TtX7F/1/，但我不知道如何让它在weebly中工作。 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);

}

Answer 1

您可以在＆＃39;嵌入＆＃39;中添加HTML。主要style.css中的元素和CSS。也可以使用嵌入元素添加Javascript。添加Javascript，你可以试试这个：

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

为避免使用多个元素，只需在HTML代码下添加Javascript代码，如下所示：

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

Answer 2

HTML代码可以通过“嵌入代码”元素放置。可以将CSS插入您的网站/网页/布局标题，但请记住将其与<style></style>括起来。但是你也可以在main-style.css上添加CSS。 JS或JavaScript（和其他JQueries）可以放在用<script></script>括起来的页眉/页脚代码框中。

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

的更详细说明

Answer 3

您可以将js代码添加到weebly文件中的custom.js文件中。enter image description here

快速添加代码

3 个答案: