gpt4 book ai didi

javascript - 将代码添加到 weebly

转载 作者:太空宇宙 更新时间:2023-11-04 15:28:45 25 4
gpt4 key购买 nike

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

最佳答案

您可以在“嵌入”元素中添加 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>

关于javascript - 将代码添加到 weebly,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16804776/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com