一页上有多个模态

Question

我正在使用jQuery插件来响应，可访问的模式弹出窗口。我想在一个页面上有很多弹出窗口，但脚本的编写方式是作用于id而不是类。我知道ID必须是唯一的，所以显然这不起作用。我不想为每个实例重写脚本。我确信还有另一种方式，我只是继续试图解决它。有简单的解决方案吗？如果是的话，你能告诉我吗？ jsfiddle

<button class="my_popup_open">Open First Popup</button> 

<button class="my_popup_open">Open Second Popup</button>

<div id="my_popup">...1st popup content...
<button class="my_popup_close">Close</button>
</div>

<div id="my_popup">...2nd popup content...
<button class="my_popup_close">Close</button>
</div>


<script src="http://vast-engineering.github.io/jquery-popup-overlay/jquery.popupoverlay.js"></script>

$(document).ready(function () {
$('#my_popup').popup();
});