3

我只使用了已知数量的 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 标记都放在一个循环中（经典 ASP），并且显然动态地命名锚标记中的 ID 和 div 中的类。帮助将不胜感激。感谢您

4

1 回答 1

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>
于 2013-07-15T06:33:23.520 回答