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'); 
    });  
});