动态jquery对话框弹出窗口

我只使用了已知数量的JQuery对话框，并且在使动态版本工作时遇到各种麻烦。 希望有人可以帮助我。 这是我如何使用已知数字来做到这一点：

$( "#opener1" ).click(function() { $( "#dialog1" ).dialog( "open" ); $( "#dialog1" ).height(200); return false; }); $( "#dialog1" ).dialog({ autoOpen: false, show: "fold", hide: "explode", width: 600, height: 200, buttons: { Close: function() { $( this ).dialog( "close" ); } } }); 

然后我这样做：

 Text to open 
 content here  

我想将锚标记和div标记放在循环（Classic ASP）中，并且显然动态地命名锚标记中的ID和div中的类。 非常感谢帮助。 感谢您

Answer 1

您可以使用a标记的href属性来选择要打开的对话框。
这是由其他jQuery UI模块（如tabs模块）应用的模式。

它允许您为一个对话框提供多个链接，并以非常易读的方式链接到对话框内容。

请参阅jsfiddle中的代码

JavaScript的

 jQuery(function ($) { $(".dialog-opener").click(function () { $($(this).attr('href')).dialog({ show: "fold", hide: "explode", width: 600, height: 200, buttons: { Close: function () { $(this).dialog("close"); } } }); return false; }); }); 

HTML

 Text to open 1 Text to open 1 Text to open 2 
Dialog 1
 
Dialog 2