JavaScript Javascript警告并确认对话框的FancyBox方式

Posted 2021-05-20

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript Javascript警告并确认对话框的FancyBox方式相关的知识，希望对你有一定的参考价值。

function fancyAlert(msg) {
    jQuery.fancybox({
        'modal' : true,
        'content' : &quot;&lt;div style=\&quot;margin:1px;width:240px;\&quot;&gt;&quot;+msg+&quot;&lt;div style=\&quot;text-align:right;margin-top:10px;\&quot;&gt;&lt;input style=\&quot;margin:3px;padding:0px;\&quot; type=\&quot;button\&quot; onclick=\&quot;jQuery.fancybox.close();\&quot; value=\&quot;Ok\&quot;&gt;&lt;/div&gt;&lt;/div&gt;&quot;
    });
}

function fancyConfirm(msg,callback) {
    var ret;
    jQuery.fancybox({
        modal : true,
        content : &quot;&lt;div style=\&quot;margin:1px;width:240px;\&quot;&gt;&quot;+msg+&quot;&lt;div style=\&quot;text-align:right;margin-top:10px;\&quot;&gt;&lt;input id=\&quot;fancyConfirm_cancel\&quot; style=\&quot;margin:3px;padding:0px;\&quot; type=\&quot;button\&quot; value=\&quot;Cancel\&quot;&gt;&lt;input id=\&quot;fancyConfirm_ok\&quot; style=\&quot;margin:3px;padding:0px;\&quot; type=\&quot;button\&quot; value=\&quot;Ok\&quot;&gt;&lt;/div&gt;&lt;/div&gt;&quot;,
        onComplete : function() {
            jQuery(&quot;#fancyConfirm_cancel&quot;).click(function() {
                ret = false; 
                jQuery.fancybox.close();
            })
            jQuery(&quot;#fancyConfirm_ok&quot;).click(function() {
                ret = true; 
                jQuery.fancybox.close();
            })
        },
        onClosed : function() {
            callback.call(this,ret);
        }
    });
}

function fancyConfirm_text() {
    fancyConfirm(&quot;Ceci est un test&quot;, function(ret) {
        alert(ret)
    })
}

以上是关于JavaScript Javascript警告并确认对话框的FancyBox方式的主要内容，如果未能解决你的问题，请参考以下文章