Question

在Wordpress中，出于某种原因，我无法让这个jQuery工作，虽然它通过JSFiddle使用我的jQuery版本1.11（我正在使用它并且它正在处理其他实例）在我的网站上）。我不确定它是否是冲突，如果是这样我就找不到它，或者我只是需要用简单的JavaScript来编写它，我不确定它是否正确编码。

正如您在JSFiddle中看到的那样，当您将库更改为jQuery 1.11.0时，该脚本可以正常工作，但它没有。

我的冲突是我正在使用

$(function(){
    $('div.tabcontents > div').each(function(index){
        var innerView = $(this).find('div[class^="view"]');
        var innerHtml = $(innerView).html();
        if(innerHtml.trim() == ''){
            $(this).hide();
            $('ul.tabs').find('li').eq(index).hide();
        }
    });
});

在同一页上，我担心会导致问题，但仍然不明白为什么

$(".view1:empty").parent().hide();
$(".view2:empty").parent().hide();
$(".view3:empty").parent().hide();
$(".view4:empty").parent().hide();
$(".view5:empty").parent().hide();

根本不起作用。

我的HTML将呈现以下内容：

<div class="tabcontents noScreen">
<div id="view1">
<h2>OVERVIEW</h2>
<div class="view1">Your bones don't break, mine do. That's clear.</div>
</div>

<div id="view2">
<h2>EXPERIENCE</h2>
<div class="view2"></div>
</div>

<div id="view3">
<h2>PUBLICATIONS</h2>
<div class="view3"></div>
</div>

<div id="view4">
<h2>COMMUNITY</h2>
<div class="view4">They called me Mr Glass.</div>
</div>

<div id="view5">
<h2>RECOGNITION</h2>
<div class="view5"></div>
</div>

</div>

<script>
$(".view1:empty").parent().hide();
$(".view2:empty").parent().hide();
$(".view3:empty").parent().hide();
$(".view4:empty").parent().hide();
$(".view5:empty").parent().hide();

//or

$(function(){
    $('div.tabcontents > div').each(function(index){
        var innerView = $(this).find('div[class^="view"]');
        var innerHtml = $(innerView).html();
        if(innerHtml.trim() == ''){
            $(this).hide();
            $('view').find('h2').eq(index).hide();
        }
    });
});
</script>

我在这里缺少什么？

我无法让jQuery在Wordpress中的页面上运行。独立，如JSFiddle（http://jsfiddle.net/MikeRS/9LT7t/）所示，它使用我在我的主题中排队的jQuery 1.11.0库工作得很好。有没有一个普通的JS我可以代替这个？或者，如果它发生冲突，我没有看到任何错误，是否可能是因为已经使用了其他类似的jQuery？

Answer 1

尝试使用jQuery代替$。默认情况下，Wordpress使用noconflict，因此很可能就是这个问题。

jQuery脚本隐藏父不工作 - Wordpress

1 个答案: