2010-11-11 25 views
0

我无法让我的jquery在wordpress中工作,即使它在一个普通的.htm页面上工作正常。jquery,我有一个div,除了当我把它放在wordpress中时,它是可点击的

我试图单击警报的东西,火

$(document).ready(function() { 
    $("#blue").click(function() { 
     alert("Hello world!"); 
    }); 
    }); 

这通常工作在一个.htm文件,但是当我在我的WordPress页面的头文件中坚持下去,没有任何反应,当我点击div。

<div id="blue" style="display:table-cell;width:50px;height:50px;background-color:blue;"></div> 

顺便说DIV看起来像这样我的WordPress页面

<div id="menu" style="position:absolute;top:0px;height:50px;width:100%;background-color:black;text-align:center;"> 
<div id="menuTable" style="width:800px;margin-left:auto;margin-right:auto;display:block;"> 
<div id="a1" class="start" >Andie</div> 
<div id="a2" class="start" >Work</div> 
<div id="a3" class="start" >Play</div> 
<div id="a4" class="start" >Dream</div> 
</div> 
</div> 
+0

你能提供一个链接到页面吗?这需要在上下文中看到 – FatherStorm 2010-11-11 14:37:46

回答

3

上我没有看到ID =你的WordPress页面上蓝色的股利。

我看到一个div与ID =菜单看起来相似。确保你的JavaScript引用新的ID。

$(document).ready(function() { 
    $("#menu").click(function() { 
     alert("Hello world!"); 
    }); 
    }); 
+0

东西是起因于jquery几乎不会在wordpress中工作,但在.htm文件上工作正常id =“blue”div是主代码框上方的框 – andie 2010-11-12 02:01:06

+0

@andie ...您需要修改你的问题然后......因为你说“顺便说一下div在wordpress页面上看起来像这样,你的javascript引用了蓝色,但是在你的wordpress页面上引用菜单或者至少div与菜单类似。您的JavaScript是准确的。最重要的是,你说它不工作。你有脚本错误?你的调试使用萤火虫或IE8开发工具? – 2010-11-12 02:05:21

+0

正确的调试,谢谢你,它现在解决了没有调试错误,谢谢约翰 – andie 2010-11-15 06:00:23

0

固定..我必须从谷歌添加jquery谷歌文件?你知道一个让jquery工作的人..我以为wordpress有一个........ ahhhh ... inhouse一个,但它根本不工作

相关问题