Question

我正在尝试在单个页面上创建简单模态弹出窗口的多个实例。

单击“popup_button”类的按钮时，同时打开“popup_content”类的所有弹出窗口 http://jsfiddle.net/A96su/

$('.popup_button').click(function (e) {
$('.popup_content').modal({
    closeClass: "popup_close",
    closeHTML: "<a href='#'>Close</a>",
    position: [36,238]
    });

    return false;
});

我正在尝试使用nearest（），但该插件仍会同时打开“popup_content”的所有实例 http://jsfiddle.net/A96su/1/

$('.popup_content').closest('.popup_button').click(function (e) {
$('.popup_content').modal({
    closeClass: "popup_close",
    closeHTML: "<a href='#'>Close</a>",
    position: [36,238]
    });

    return false;
});

感谢您的帮助！ -n -

Answer 1

$('.popup_button').click(function (e) {
    $('.popup_content', this).modal({
        closeClass: "popup_close",
        closeHTML: "<a href='#'>Close</a>",
        position: [36,238]
        });

        return false;
    });

请注意这一行：$('.popup_content', this)

一个页面上的多个简单模态弹出窗口实例

1 个答案: