jquery - 如何使用 jQuery UI 在页面上拥有多个模式表单？

Question

我需要有多个按钮，每个按钮使用 jQuery UI 弹出不同的模式表单。这可能吗？怎么办？

Answer 1

是的，这是可能的。

只需为您的对话框元素提供不同的 id 即可。

示例:

html:

<div id='d1' title='Hi1' style='display:none'>Hi from dialog 1</div>
<div id='d2' title='Hi2' style='display:none'>Hi from dialog 2</div>

<button id='b1'>Open dialog 1</button>
<button id='b2'>Open dialog 2</button>

javascript(文档就绪事件):

$('#b1').click(function() {
    $('#d1').dialog({modal: true});
});

$('#b2').click(function() {
    $('#d2').dialog({modal: true});
});