单击一次以打开对话框

Question

我试图使用dialog() ，它正在工作，但是我必须单击两次以打开对话框文本。 我最近的测试是添加return false; 在jQuery(this).dialog("close"); 。

 jQuery("#divId").on('click', function() { jQuery("divclass").dialog({ autoOpen: true, title: "Info", width: 800, height: 600, modal: true, buttons: { close: function() {jQuery(this).dialog("close");return false;} } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 1

jQuery对话框的定义应在点击侦听器之外。 另外，如果要在单击事件中打开它，则应将autoOpen更改为false。

$("#divId").on('click', function() {
     $(".divclass").dialog( "open" );
});

$(".divclass").dialog({
   autoOpen: false,
   title: "Info",
   width: 800,
   height: 600,
   modal: true,
   buttons: {
   close: function() {$(this).dialog("close");return false;}
 }
});