0

我正在向我正在处理的 wordpress 网站添加一个 jquery 脚本

我设置 wordpress enque 以添加 jquery,我的 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

上面的所有评论都很有帮助,但我有一个错字。在 id 标签中应该是 txt 而不是 txz。

于 2013-11-08T17:36:47.607 回答
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 回答