简单的jquery警告框，像javascript，有一个选项来编辑标题

Question

我正在使用Javascript警告框:

function shareConfirm() {
    if(!confirm('Are you sure want to unshare?')) return false;
}

然而，标题给出了URL和警告框，但我想编辑标题。事实证明javascript标题不能编辑。所以我最好的选择是使用jquery简单的警报框与自定义javascript警报框相同的css。我该怎么做呢?

Answer 1

你介意使用jQueryUI吗?那么解决你的问题就像黄油一样容易了:)

步骤1:在您的页面中包含jQueryUI

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

步骤2:创建一个div。这个div中的文本将显示为警告。你需要在$(document).ready()

中隐藏这个div

<div id='myAlertbox'></div>

步骤3:给你:

$("#myAlertbox").html('Are you sure want to unshare?');
$("#myAlertbox").dialog({
    title: "yourRequiredTitleHere",
modal: true,
buttons : [{
    text : "Ok",
    click : function() {
            $(this).dialog("close");
            //You can do whatever you want here.
    }
    }],
});

Answer 2

正如您所说，从安全的角度来看，这是不可能的。模拟它的唯一方法是创建一个非模态对话框窗口。

Answer 3

confirm()和alert()框的样式取决于浏览器和操作系统。因此，几乎不可能为jquery创建一个CSS警报框来匹配每个浏览器/操作系统的组合