jQuery對話框：外部文件加載不起作用從按鈕

Question

有人可以告訴我什麼是這個代碼？我不能爲我的生活看到什麼阻止它的工作。如果我將它設置爲autoOpen: true，它可以工作，但從按鈕打開它似乎不起作用！提前謝謝了。

的Jquery：

$(document).ready(function() { 
    $("#pextension").load('tour_extension_lb.aspx').dialog({ 
     bgiframe: true, 
     autoOpen: false, 
     position: 'center', 
     width: 440, 
     height: 300, 
     modal: true, 
    }); 

    $('a.extension-link').click(function() { $('#pextension').dialog('open'); return false; });  
}); 

HTML：

<a href="#" class="extension-link">OPEN EXTENSION DIALOG</a> 

<div id="pextension" class="dialogBox" style="display:none;"></div> 

Answer 1

嘗試通過修改代碼

function opendialog(){ 
    $("#pextension").dialog({ 
     bgiframe: true, 
     autoOpen: false, 
     position: 'center', 
     width: 440, 
     height: 300, 
     modal: true, 
     open: loaddialogcontent(); 
    }); 
    } 
function loaddialogcontent(){ 
    $("#pextension").load('you file to load'); 
} 
$(document).ready(function() { 
    $('a.extension-link').click(opendialog);  
    opendialog(); 
}); 

Answer 2

嘗試：

 

$(document).ready(function() { 
    $("#pextension").dialog({ 
     bgiframe: true, 
     autoOpen: false, 
     position: 'center', 
     width: 440, 
     height: 300, 
     modal: true, 
     open: function() { 
      $(this).load('tour_extension_lb.aspx'); 
     } 
    }); 

    $('a.extension-link').click(function (e) { 
     e.preventDefault(); 
     $('#pextension').dialog('open'); 
    });  
});