2010-06-04 52 views
2
<script> 
    $(function(){ 
      $("a.a, a.b, a.c, a.d").click(function() { 
      alert('Hi'); 
      }); 
    }); 
</script> 

<a href="#" class="a button">Hi</a> 

上面的JQuery不幸的是不起作用。可能是一个简单的修复,任何想法?我需要它是一个多选择器,但是有多个类的a不幸不起作用。JQuery多重选择器问题

+0

点击时会发生什么?你期望发生什么? – Andres 2010-06-04 19:31:37

回答

2

您也可以通过将其注册为一个“实时”事件来达到目标​​,该事件将匹配所有适合选择器的未来元素。像这样:

<script type="text/javascript" language=javascript> 
    $('a.a, a.b, a.c, a.d').live('click', function() { 
    alert('Hi'); 
    }); 
</script> 

这将涵盖您创建的任何未来元素,也符合您的要求。

+0

尽管页面加载后未创建元素,只需使用live,它现在可以工作。奇怪的。感谢您的建议。 – James 2010-06-04 19:37:06

+0

即使在页面加载后没有创建元素,您仍然按照操作顺序运行。实质上,如果您的'

0

我的假设是这些作品正确地位于一个有效的HTML文档中,您到当前版本的jQuery库的链接功能正常,您使用的是现代浏览器,并且您正在使用工具就像Firebug一样在初始页面加载和点击过程中观察错误。用你的确切代码设置这些假设,它对我来说工作得很好。