Javascript 无法将单击处理程序附加到锚定类

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>

我有以下html代码:

<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链接是禁止的