javascript - Javascript 在页面上不起作用？

Question

我试图在此页面上隐藏 B 区。由于 Wordpress 模板的性质，做起来有点困难。我正在尝试在页脚中使用 javascript：

$('div#division-2 div.teampage').prev('h2').css("display","none");

这在 JSFiddle 上非常有效，所以我不确定我做错了什么。我还用代码创建了一个 javascript 文件。有人可以给我一些指导吗？

Answer 1

在您的hide-division.js文件中，代码如下：

$jquery(document).ready(function()
{
$('div#division-2 div.teampage').prev('h2').css("display","none")
});

在这里$jquery is not defined，下一个代码没有执行。请删除 jquery 并使用以下代码：

$(document).ready(function()
{
$('div#division-2 div.teampage').prev('h2').css("display","none")
});

希望这对您有所帮助。

Answer 2

在标题中，您有以下代码：

var $jquery = jQuery.noConflict();

这将禁用$快捷方式。替换$为jQuery或$jquery在您的代码中。例如：

jQuery(document).ready(function() {
    jQuery('div#division-2 div.teampage').prev('h2').css("display", "none");
});

中的代码hide-division.js不起作用的原因是，当它正在使用时$jquery（$jquery(document).ready至少，它仍然需要在处理程序的主体中使用它），hide-division.js在代码调用之前运行noConflict。

Answer 3

试着给 $('div#division-2 h2').css("display","none");

$jquery 不能给出...它无效...必须给出 $ 或 jQuery...

本教程可以帮助你...