jquery-ui-dialog - jquery ui 多个动态对话框

Question

所以我在页面上有一个用户列表。每个用户名都是可单击的，它会在对话框中显示用户信息。现在我正在使用列表的静态长度。 我希望 jquery 能够查看用户列表有多大，并将代码应用到列表中。

查看此处的代码:

$(function() {
    var options = {
            autoOpen: false,
            width: 'auto',
            modal: true
    };
    $([1, 2, 3, 4]).each(function() {
            var num = this;
            var dlg = $('#dialog-player-' + num).dialog(options);
            $('#player-link-' + num).click(function() {
                    dlg.dialog("open");
                    return false;
            });
    });

});

我查看了文档的这一页:each 我尝试的是选择容器“div#parent”中的所有div。就像这样:

$(function() {
    var options = {
            autoOpen: false,
            width: 'auto',
            modal: true
    };
    $("div#parent div").each(function() {
            var num = this;
            var dlg = $('#dialog-player-' + num).dialog(options);
            $('#player-link-' + num).click(function() {
                    dlg.dialog("open");
                    return false;
            });
    });

});

但这没有用。有人知道还有其他方法可以做到这一点吗？

Answer 1

我注意到您的代码中存在错误并为您修复了它:

$(function() {
    var options = {
            autoOpen: false,
            width: 'auto',
            modal: true
    };
    var num = 1;
    $("div#parent div").each(function() {
            var dlg = $('#dialog-player-' + num).dialog(options);
            $('#player-link-' + num).click(function() {
                    dlg.dialog("open");
                    return false;
            });
            num = num + 1;
    });
});