单击事件打开Jquery模式对话框

以下代码仅适用于第一次单击事件。 但是对于任何后续点击都没有任 我在firefox上测试了这个，ie7但仍然是相同的。 我错过了什么吗？

 $(document).ready(function() { //$('#dialog').dialog(); $('#dialog_link').click(function() { $('#dialog').dialog(); return false; }); });   
 Some text
 
Open Dialog
  

Answer 1

尝试

 $(document).ready(function () { //$('#dialog').dialog(); $('#dialog_link').click(function () { $('#dialog').dialog('open'); return false; }); }); 

最后一部分有一个开放的arg

Answer 2

试试这个

  $(function() { $('#clickMe').click(function(event) { var mytext = $('#myText').val(); $('
'+mytext+'
').appendTo('body'); event.preventDefault(); $("#dialog").dialog({ width: 600, modal: true, close: function(event, ui) { $("#dialog").remove(); } }); }); //close click }); 

在HTML中

 
Open dialog
 Some hidden text display none 

Answer 3

 $(function() { $('#clickMe').click(function(event) { var mytext = $('#myText').val(); $('
'+mytext+'
').appendTo('body'); event.preventDefault(); $("#dialog").dialog({ width: 600, modal: true, close: function(event, ui) { $("#dialog").hide(); } }); }); //close click }); 

最好使用.hide（）而不是.remove（）。 使用.remove（），如果您按下链接一次，则返回undefined，然后关闭模态，如果再次按下模态链接，则返回undefined with .remove。

使用.hide（）它没有，它像微风一样工作。 Ty为第一手的片段！

Answer 4

如果要在对话框中放置一些页面，则可以使用这些页面

 function Popup() { $("#pop").load('login.html').dialog({ height: 625, width: 600, modal:true, close: function(event,ui){ $("pop").dialog('destroy'); } }); } 

HTML：

Answer 5

可能会有所帮助…… 🙂

 $(document).ready(function() { $('#buutonId').on('click', function() { $('#modalId').modal('open'); }); }); 

Answer 6

尝试在对话行之前添加此行。

 $( "#dialog" ).dialog( "open" ); 

这种方法对我有用。 似乎“关闭”命令仅使用.dialog（）再次打开对话框。

以您的代码为例，它会像这样（请注意，您可能需要在代码中添加更多内容才能使其有意义）：

    
 Some text
 
Open Dialog