jQuery的 - 的對話框多個實例不會打開

Question

我有以下問題： 我使用對話框顯示不同的頁面/內容，他們的內部，但是當兩個不同的對話框打開崩潰，他們無法打開再次。只要打開一個箱子，一切都很好，甚至可以打開多次。當我打開第二個對話框時，他們都不能重新打開。我已經試圖在關閉時「銷燬」對話框（正如這裏建議的Jquery Dialog opening multiple dialogs），但它沒有幫助，我仍然只能打開每個盒子的一個實例，當打開兩個不同的盒子時，它會崩潰並且它們都不會重新打開。

我在HTML類似的東西：

<ul> 
<li><a href="javascript:void(0)" id="link1">link1 title</a></li> 
<li><a href="javascript:void(0)" id="link2">link2 title</a></li> 
</ul> 

然後在JavaScript：

$("#link1").click(function() { 
$(function() { 
     $('<div>').dialog({ 
      modal: false, 
      open: function() 
      { 
       $(this).load('somePage.php'); 
      },   
      height: 500, 
      width: 1300, 
      title: 'title1' 
     }); 
    }); 
}); 
$("#link2").click(function() { 
$(function() { 
     $('<div>').dialog({ 
      modal: false, 
      open: function() 
      { 
       $(this).load('otherPage.html'); 
      },   
      height: 535, 
      width: 880, 
      title: 'title2' 
     }); 
    }); 
}); 

Answer 1

你$(function() {是不是在正確的地方：

$(function() { 
    $("#link1").click(function() { 
     $('<div>').dialog({ 
      modal: false, 
      open: function() 
      { 
       $(this).load('somePage.php'); 
      },   
      height: 500, 
      width: 1300, 
      title: 'title1' 
     }); 
    }); 
    $("#link2").click(function() { 
     $('<div>').dialog({ 
      modal: false, 
      open: function() 
      { 
       $(this).load('otherPage.html'); 
      },   
      height: 535, 
      width: 880, 
      title: 'title2' 
     }); 
    }); 
}); 

代碼裏面$(function() {…}在文件加載時執行，是註冊事件ha的完美時間ndler在我們的HTML元素上。