javascript 多个具有相同#id 的按钮来执行相同的功能？

Multiple buttons with the same #id to do the same function?

提问by common

JS beginner, sorry

JS初学者，不好意思

How can could I make it so that every button that has the id "#popit" to open the same popup box?

我怎样才能让每个具有“#popit”ID 的按钮打开同一个弹出框？

I'm using bPopup

我正在使用bPopup

With this code there is only one button on the site which does open the popup

使用此代码，网站上只有一个按钮可以打开弹出窗口

;(function($) {
    $(function() {
        $('#my-button').bind('click', function(e) {
            e.preventDefault();
            $('#element_to_pop_up').bPopup();
        });
    });
})(jQuery);

http://jsfiddle.net/yg5so25s/- there are 3 buttons with the same id, but only the first one opens the popup box, anyway I could make it so that every single button to open the same popupbox?

http://jsfiddle.net/yg5so25s/- 有 3 个按钮具有相同的 id，但只有第一个打开弹出框，无论如何我可以让每个按钮打开同一个弹出框？

回答by Resolution

idmust be unique, you need to use class instead:

id必须是唯一的，您需要改用类：

<button class="my-button">POP IT UP</button>

then you can use .to target elements by class name:

然后您可以使用.按类名定位元素：

;(function($) {
    $(function() {
        $('.my-button').bind('click', function(e) {
            e.preventDefault();
            $('#element_to_pop_up').bPopup();
        });
    });
})(jQuery);

Updated Fiddle

更新的小提琴

回答by Balachandran

use common class for all buttons

对所有按钮使用通用类

$('.commonClass').bind('click', function(e) {
            e.preventDefault();
            $('#element_to_pop_up').bPopup();
        });

DEMO

演示