javascript – 显示没有元素的jquery ui的模态对话框?

前端之家收集整理的这篇文章主要介绍了javascript – 显示没有元素的jquery ui的模态对话框?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在制作一个小的 jquery应用程序.我需要一些确认框才能出现.但是,我不想将一个元素附加到正文,因此我可以打开一个对话框.有办法避免这种情况吗?只是调用一个对话框并传递标题,文本和选项等参数?

解决方法

当您创建jQuery UI对话框时,当前版本(1.8.*)会自动将对话框添加到正文.

所以,如果你这样做:

$('<div>').dialog({modal: true})

它只是工作.您应该确保在关闭对话框时调用.remove()以删除新元素!

function myalert(title,text) {
    var div = $('<div>').html(text).dialog({
        title: title,modal: true,close: function() {
            $(this).dialog('destroy').remove();
        },buttons: [{
            text: "Ok",click: function() {
                $(this).dialog("close");
            }}]
    })
};

myalert("Test","This is a test modal dialog");

有关完整的工作演示,请参阅http://jsfiddle.net/alnitak/G3GRZ/.

原文链接:https://www.f2er.com/jquery/156447.html

猜你在找的jQuery相关文章