2

私はこれhttp://jsfiddle.net/TtX7F/1/を持っていますが、それを weebly で動作させる方法がわかりません。HTML部分は機能しますが、jsは編集時のみ機能し、公開時では機能せず、CSSのどこに置くべきかわかりません。

これがジャバスクリプトです

$("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

「Embed」要素に HTML を追加し、メインの 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>
于 2014-10-06T09:39:43.710 に答える
1

HTMLコードは、「埋め込みコード」要素を介して配置できます。CSS はサイト/ページ/レイアウト ヘッダーに挿入できますが、忘れずに で囲んで<style></style>ください。ただし、main-style.css に CSS を追加することもできます。JS または JavaScript (およびその他の JQuery) は、 で囲まれたヘッダー/フッター コード ボックスに配置できます<script></script>。

それが最も簡単な説明です。より詳細な説明: http://www.myweeblytricks.com/2014/01/3-ways-in-editing-weeblys.html

于 2014-08-29T19:01:29.077 に答える