0

http://jsfiddle.net/bUjx7/28

したがって、jsfiddle では動作していますが、Wordpress ヘッダーに挿入したときは動作しません。HTML/CSS はすべて Wordpress で適切ですが、Javascript はそうではありません。私は次のように入力しました。

<script type="text/javascript">
$('.tablereplace a').click(function () {
    $('.fieldsmatch').fadeOut(0);
    $('.fieldsgame1').fadeOut(0);
    $('.fieldsgame2').fadeOut(0);
    $('.fieldsgame3').fadeOut(0);
    var region = $(this).attr('data-region');
    $('#' + region).fadeIn(0);
});
</script>

<style type="text/css">
.fieldsgame1 {
    display:none;
}
.fieldsgame2 {
    display:none;
}
.fieldsgame3 {
    display:none;
}
</style>

ヘルプ？

4

2 に答える 2

0

あなたはそれを含めましたか ..http：//code.jquery.com/jquery-1.9.1.js これは問題かもしれません。私はjavascriptでwordpressを使用したので、完全にうまく機能します。

于 2013-03-02T03:19:54.147 に答える
0

ドキュメント対応ハンドラーでコードをラップします。jsfiddle はデフォルトでコードをハンドラーにラップするため、それがなくても jsfiddle で動作しonloadます (フレームワークと拡張機能の下の jsfiddle ウィンドウの左側にある 2 番目のドロップダウンを参照してください - そのドロップダウンを次のいずれかに変更すると気付くでしょう。 「ラップなし」オプションを使用すると、コードはフィドルでも機能しません）。

$(document).ready(function() {
    $('.tablereplace a').click(function () {
        $('.fieldsmatch').fadeOut(0);
        $('.fieldsgame1').fadeOut(0);
        $('.fieldsgame2').fadeOut(0);
        $('.fieldsgame3').fadeOut(0);
        var region = $(this).attr('data-region');
        $('#' + region).fadeIn(0);
    });
});
于 2013-03-02T03:19:47.297 に答える