尝试打开多个jQuery UI对话框，并在单击时加载它们

我试图通过同一类的多个链接打开多个对话框，但仅在单击“打开对话框”链接时加载内容，
所以我一直在玩动态加载内容， 多对话方式,， 然后想出了这个密码：

$(document).ready(function() {
    $('.addBtn, .editBtn').each(function() {
        var $link = $(this);
        var $nextDiv = $(this).next('.editDialog');
        $.data(this, 'divObject', $nextDiv);
        $.data(this, 'dialog',  
            $nextDiv.dialog({
                    autoOpen: false,
                    title: $link.attr('title'),
                    width: 700,
                    height: 650 
                }) 
        ); 
    }).click(function() {  
        $.data(this, 'divObject').load($(this).attr('href'));
        $.data(this, 'dialog').dialog('open');
          return false;  
      });
});

当我加载页面时，我单击的第一个链接（不管是哪一个）都能完美工作，
但如果我按下另一个按钮，浏览器将导航到内容，而不是在对话框中打开内容，并发送错误消息：

Error: $.data(this, "divObject") is undefined

---

请帮忙

这是我编写的一个小脚本，用于创建（类似）动态对话框

$(".dialog").dialog({
    autoOpen: false,
    show: "blind",
    hide: "explode",
    draggable: false,
    resizable: false
});

$(".opener").click(function () {
    diagId = ($(this).attr("id"));
    $("." + diagId).dialog("open");
    return false;
});

<a class="opener" id="SomeDiag">

<div class="dialog SomeDiag" title="DiagTitle">
   <p>blah blah blah copy copy copy</p>
</div>

$（“.dialog”）.dialog({
自动打开：错误，
表演：“盲人”，
隐藏：“爆炸”，
可拖动：错误，
可调整大小：false
});
$（“.opener”）。单击（函数（）{
diagId=（$（this.attr（“id”））；
$（“+diagId）.对话框（“打开”）；
返回false；
});
废话，废话，复制，复制

我看到了一种动态，因为我不是在传递内容，而是在打开预定义的内容时动态的