2

我有这个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);

}

4

3 回答 3

3

您可以在“嵌入”元素中添加 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>
于 2014-10-06T09:39:43.710 回答
1

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

于 2014-08-29T19:01:29.077 回答
0

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

于 2018-04-19T18:07:47.917 回答