Question

我正在向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'）时，它接受命令时没有错误但没有给出响应。

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

Answer 2

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

Answer 3

我也可以推荐一个功能：

$('#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/

Wordpress jquery似乎加载但不起作用

3 个答案: