0

私が取り組んでいるワードプレスサイトにjqueryスクリプトを追加しています

jquery を追加するために wordpress enque をセットアップし、chrome Wappapyzer プラグインはサイトで jquery を認識し、リストで各フェード コマンドを個別に実行しますが、何もしませんが、コンソールに間違いはありません。

これが私のスクリプトです。

<script language="JavaScript" type="text/javascript">
jQuery(document).ready(function(){
        jQuery('#btn_eng').click(function(){
             jQuery("#txz_eng").fadeIn();
             jQuery("#txz_brz").fadeOut();
             jQuery("#txz_l3" ).fadeOut();
             jQuery("#txz_l4" ).fadeOut();
        });
        jQuery('#btn_brz').click(function(){
             jQuery("#txz_eng").fadeOut();
             jQuery("#txz_brz").fadeIn();
             jQuery("#txz_l3" ).fadeOut();
             jQuery("#txz_l4" ).fadeOut();
        });
        jQuery('#btn_l3').click(function(){
             jQuery("#txz_eng").fadeOut();
             jQuery("#txz_brz").fadeOut();
             jQuery("#txz_l3" ).fadeIn();
             jQuery("#txz_l4" ).fadeOut();
        });
        jQuery('#btn_l4').click(function(){
             jQuery("#txz_eng").fadeOut();
             jQuery("#txz_brz").fadeOut();
             jQuery("#txz_l3" ).fadeOut();
             jQuery("#txz_l4" ).fadeIn();
        });
});
</script>

奇妙なことに、通常の document.getElementById('someId') を実行すると、コマンドはエラーなしで受け入れられますが、応答はありません。

4

3 に答える 3

1

新しい行を追加してみてください

jQuery.noConflict();

jQuery ファイルで /jquery/jquery.js?ver=1.10.2 など

次に、jQuery エイリアスを $ like に変更します

<script type='text/javascript'>
  jQuery(document).ready(function($) {
    $('#btn_eng').click(function(){ $("#txz_eng").fadeIn();
    $("#txz_brz").fadeOut();
    $("#txz_l3" ).fadeOut();
    $("#txz_l4" ).fadeOut();
    });
// and so on...
}

于 2013-11-03T04:36:21.493 に答える
0

私も関数をお勧めします：

$('#btn_eng').on('click', {
    element: "txt_eng"
}, fadeStuff);
$('#btn_brz').on('click', {
    element: "txt_brz"
}, fadeStuff);
$('#btn_l3').on('click', {
    element: "txt_13"
}, fadeStuff);
$('#btn_l4').on('click', {
    element: "txt_14"
}, fadeStuff);

function fadeStuff(event) {
    $("#txt_eng").fadeOut();
    $("#txt_brz").fadeOut();
    $("#txt_13").fadeOut();
    $("#txt_14").fadeOut();
    $("#" + event.data.element).fadeIn();
}

http://jsfiddle.net/Mutmatt/5R8Gq/

于 2013-11-08T18:01:04.833 に答える