jQuery脚本隐藏父不工作

jQuery Script To Hide Parent Not Working - Wordpress

本文关键字：工作 隐藏 脚本 jQuery      更新时间：2023-09-26

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

在JSFiddle中可以看到，当您将库更改为jQuery 1.11.0时，脚本可以工作，但在纯JS中则不能。

我的冲突是我使用

$(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已经被使用?

尝试使用jQuery代替$。Wordpress默认使用noconflict，所以很可能出现这个问题。

相关文章：