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

jQuery对话框：外部文件加载无法从按钮开始工作

2 个答案: