Question

这是我的代码：

$(function(){
    $('.pop').dialog({
        autoOpen: false
    });

   $('.show_pop').click(function(){  
       $(this).closest('.parent').find('.pop').dialog('open');
   }); 
});

http://jsfiddle.net/0v62hL7p/4/

我只需要定位一个.pop并打开对话框。

我的代码中缺少什么？谢谢！我还是新人，所以请耐心等待......

Answer 1

每个对话框都需要是唯一可识别的，因此请使用id代替class for class。在您的情况下，如果您想要2个对话框，为它们提供2个单独的ID并分别初始化它们。请遵循手册中的代码。 http://jqueryui.com/dialog/#animated

Answer 2

Jquery UI为UI对话框重建HTML标记，您可以使用这种方式，根据索引定位特定对话框：

$('.show_pop').click(function () {
    $('.pop').eq($(this).index('.show_pop')).dialog('open');
});

如何定位具有最近的DOM元素并查找并将其作为jQuery对话框？

2 个答案:

-DEMO jsFiddle-