Question

我只使用了已知数量的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" );
        }
    }
});

然后我这样做：

<A HREF='' ID='opener1'>Text to open</a>

<div class="dialog1"> content here </div>

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

Answer 1

您可以使用href标记的a属性来选择要打开的对话框这是由其他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

<a href='#dialog1' class="dialog-opener">Text to open 1</a>
<a href='#dialog1' class="dialog-opener">Text to open 1</a>
<a href='#dialog2' class="dialog-opener">Text to open 2</a>

<div id="dialog1">Dialog 1</div>
<div id="dialog2">Dialog 2</div>

动态jquery对话框弹出窗口

1 个答案: