內模態對話框

<script> 
$(function() { 

$('#clickMe').click(function(event) { 
var mytext = $('#myText').val(); 


$('<div id="dialog"></div>').appendTo('body');    
    event.preventDefault(); 


      $("#dialog").dialog({         
        width: 600, 
        height:300, 
        modal: true, 
        close: function(event, ui) { 
          $("#dialog").remove(); 
          } 
        }); 
}); //close click 
});

內模態對話框

Ajax調用我如何能實現模態對話框內的Ajax調用？

來源

2011-06-05 Ryan McCullagh

你不會在任何內部實現ajax調用。你可以在一個javascript函數中實現它，你可以[綁定]（http://api.jquery.com/bind/）到模態內某個元素上的某個事件（就像你在''click' ＃clickMe'）。 – mkilmanas 2011-06-05 13:31:36

模式對話框不過是頁面上的DIV/HTML元素。

默認情況下它是隱藏的，當用戶點擊一個按鈕時，模態被調用並顯示在頁面頂部。

您可以添加AJAX到它的正常方式

對於實例

<div id="dialog"> 
    <a id="click" href="#">click me</a> 
    <span id="after_ajax"></span> 
</div>

$('#click').live('click', function(){ 
$.post('',function(data){ 
    $('#after_ajax').html(data); 
}); 

});

注意我的＃點擊綁定，因爲我現場活動可以看到您正在通過jQuery動態添加#dialog。

來源

2011-06-05 13:34:17 codeAnand

內模態對話框

回答

相關問題