点击jQuery时必须点击两次模态对话才会出现

Question

即时通讯使用对话框。当我点击打开对话框时，我总是需要点击两次。我已经尝试了很多很多的解决方案，但它不工作。

jQuery(result).on('click', function() { 
    jQuery(why).dialog({ 
    create: function (event, ui) { 
     jQuery(".ui-corner-all").css('border-radius','0px !important'); 
    }, 
    autoOpen: true, 
    title: "Whois Info", 
    width: 1170, 
    height: 600, 
    modal: true, 
    buttons: { 
     Close: function() {jQuery(this).dialog("close");return false;} 
    } 
    }); 
}); 

Answer 1

您不需要在按钮单击时每次都初始化对话框。将初始化部分移到document.ready函数中。然后在click函数内部编写代码使对话框可见。

类似：

$(function() { 
jQuery("#id").dialog({ 
    create: function (event, ui) { 
     jQuery(".ui-corner-all").css('border-radius','0px !important'); 
    }, 
    autoOpen: true, 
    title: "Whois Info", 
    width: 1170, 
    height: 600, 
    modal: true, 
    buttons: { 
     Close: function() {jQuery(this).dialog("close");return false;} 
    } 
    }); 

jQuery(result).on('click', function() { 
    jQuery("#id).dialog('open'); 
}); 

});