jquery - 一页上的简单模式弹出的多个实例

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;
});

我试图使用最接近（），但插件仍然同时打开“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)