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

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)