Javascript 无法将单击处理程序附加到锚定类
我有以下html代码:Javascript 无法将单击处理程序附加到锚定类,javascript,html,jquery,Javascript,Html,Jquery,我有以下html代码: <div id="menuItems" class="hidden"> <ul> <li><a class="fgMenuItem" href="#">MenuItem #1</a></li> <li> <a class="fgMenuItem" href="#">MenuItem #2</a>
<div id="menuItems" class="hidden">
<ul>
<li><a class="fgMenuItem" href="#">MenuItem #1</a></li>
<li>
<a class="fgMenuItem" href="#">MenuItem #2</a>
<ul>
<li><a class="fgMenuItem" href="#">SubItem #1</a></li>
<li><a class="fgMenuItem" href="#">SubItem #2</a></li>
</ul>
</li>
<li><a class="fgMenuItem" href="#">MenuItem #3</a></li>
<li>
<a class="fgMenuItem" href="#">MenuItem #4</a>
<ul>
<li><a class="fgMenuItem" href="#">SubItem #3</a></li>
<li><a class="fgMenuItem" href="#">SubItem #4</a></li>
</ul>
</li>
</ul>
</div>
<script type="text/javascript">
$(function() {
$(".fgMenuItem").bind("click",function() {
alert('test');
});
});
</script>
-
-
$(函数(){
$(.fgMenuItem”).bind(“单击”,函数(){
警报(“测试”);
});
});
我正在使用,菜单工作正常,但我的jQuery代码不工作。我试图使它在点击一个项目时执行我的警报('test')代码>
我怀疑问题可能是该组正在重写我的单击事件处理程序,但我不确定如何修复它。我尝试进入他们的javascript文件,并将所有的。单击(function(){
)更改为.bind(“单击”,function(){
),但这似乎没有任何区别。任何建议都很好!刚刚测试过,对我来说都很好,您将jQuery包含在文档顶部,对吗
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script>
</head>
$(function() {
$(".fgMenuItem").on("click",function() {
alert('test');
});
});
$(函数(){
$(.fgMenuItem”)。在(“单击”,函数()上{
警报(“测试”);
});
});
JSFiddle:
编辑:如果您能够设置小提琴或提供更多代码(可能是工作演示页面?)然后我再看一眼,看看是否能发现问题你在事件中有任何控制台错误吗?@ChristopherMarshall--没有,我没有。这是我检查的第一件事。你能用@Dom--试试@Icemanin复制问题吗?我得到了禁止403错误。可能是你问题的原因。试试。我更新了你的,现在它是opped正在工作。谢谢,我会看一看!这不起作用,因为我们试图在未定义方法菜单的情况下调用该方法菜单,我猜它在您包含的另一个JS文件中?是的,它是。我有一个外部资源添加到我的小提琴中。它没有正确链接,因此仍然存在相同的问题。JS链接是禁止的