将 JQuery 单击事件指向两个相同的元素？

Question

我有一个加载 slider/drawer 的网页。在网页内部，我加载一个 html div 作为 window 展开时抽屉的内容，并在 window 折叠时加载另一个副本像 phone.

这样的小 window

页面上有一个函数，如：

$('#button').click(function(){
  //do something
});

大按钮

<div id="button">
 //button here
</div>

在小版本之前加载。因此，单击大的有效并触发了 .click 事件，但对于小的则不然。

如何让我的 .click 函数在点击小抽屉时观察点击事件？

Answer 1

使用相同的 class，不同的 ID：

$('.button').click(function(){
var foo=$(this).attr('id');
alert(foo);
});

html:

<div class="button" id="bar">
</div>

<div class="button" id="moo">
</div>

Answer 2

如果我理解正确的话，您需要一个函数来处理来自多个元素的点击事件。

我不会为元素使用 ID，而是使用 class 来修饰需要功能的元素。然后使用'this'，我可以进一步修改被点击的项目...

$('.myClickable').click(function(){
  $(this).someFunc();
});

Direct JQuery click events to two of same element?