Question

我想在某些图标上设置多个对话框，但它会打开2个对话框，其中一个是空的，另一个是正确的。它还会删除单击的图标。

 var opt = {
    draggable: false,
    modal: true,
    width: 600,
    resizable: false,
    autoOpen: false
};

$('.vfInfoIcon').each(function(){
   bindInfoIconClick($(this), opt);
});

bindInfoOnClick：

function bindInfoIconClick(obj, opt){
obj.off().on("click",function(e){
    e.stopPropagation();
    e.preventDefault();
    var infoText = $(this).data('info');
    var dialog = $('div[data-info="' + infoText +'"]');
    opt.title = dialog.data('title');
    dialog.dialog(opt).dialog('open');
}); }

接收点击的元素：

<div class="vfInfoIcon" data-info="someInfo"></div>

具有内容的元素：

<div class="infoText" data-info="someInfo" data-title="TITLE">

Answer 1

如果我理解你的问题，jquery对话框不能以你想要的方式使用。你的描述缺乏一些细节，所以我假设的东西很少。

我想，下面的例子就像你需要的东西。希望它适合你的情况。

querySelectorAll()

jQuery Dialog打开2个对话框并删除该元素

1 个答案: