2013-11-03 39 views
0

我增加了jQuery腳本到WordPress站點IM在WordPress的jQuery的似乎加載,但不起作用

我安裝的WordPress enque努力增加jQuery的,我的鉻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> 

Wierdly當我做一個普通的document.getElementById(「someId」),它接受命令,並沒有錯誤,但是沒有得到迴應。

+0

「但沒有給出錯誤反正有。」 ==控制檯中沒有錯誤? – phil

+0

是的,控制檯上沒有錯誤。 –

+0

不推薦使用language =「JavaScript」。 –

回答

0

所有的意見是有益的,但我有一個錯字。它應該是txt而不是id標籤中的txz。

+0

這是很多複製+粘貼代碼... – Mutmatt

+0

請務必接受您自己的答案,以解決此問題。 – Mutmatt

1

嘗試在你的jQuery的文件,例如增加新的生產線

jQuery.noConflict(); 

上述/jquery/jquery.js?ver=1.10.2

然後更改jQuery的別名$像

<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... 
} 

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/