单击一次打开对话框

时间:2017-06-19 14:50:03

标签: javascript jquery dialog

我正在尝试使用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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

jQuery对话框的定义应该在click监听器之外。 另外,如果要在click事件中打开它,则应将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;}
 }
});