2013-05-29 36 views
2

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

}

回答

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

3

您可以在'Embed'元素中添加HTML,并将CSS添加到您的主style.css中。 Javascript也可以使用Embed元素添加。不要添加JavaScript,您可以试试这个:

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

为了避免使用许多元素,只需添加Javascript代码下面的HTML代码,就像这样:

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