Javascript无法在页面上工作？

Question

我试图在this page上隐藏B组。由于Wordpress模板的性质，它很难做到。我试图在页脚中使用javascript：

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

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

Answer 1

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

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 2

在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 3

试着给$（'div＃division-2 h2'）。css（“display”，“none”）;

$ jquery一定不能给它......它的无效......要么必须给$或jQuery ......

这tutorial可以帮助你...