单击href（带有类）后，启动自定义对话框（css自定义）

Question

我在我的网站上的一系列链接中添加了一个类。

点击这些链接后，需要启动一个自定义对话框。

我想更改此自定义对话框的 CSS。

只有具有此类的链接才能启动此自定义对话框。

希望这是有道理的。谢谢各位

这是我目前所拥有的：

http://jsfiddle.net/erlenmasson/qP8DY/2576/

HTML

<a href="https://twitter.com/ErlenMasson" target="_blank"> External link </a>

Javascript

$('a').filter(function() {
    return this.hostname && this.hostname !== location.hostname;
}).addClass("external-link");

var elems = document.getElementsByClassName('external-link');
var confirmIt = function (e) {
    if (!confirm('Leaving so soon?')) e.preventDefault();
};
for (var i = 0, l = elems.length; i < l; i++) {
    elems[i].addEventListener('click', confirmIt, false);
}

CSS

.custom-dialog {
}

Answer 1

您无法设置这些对话框的样式（由alert()、confirm() 等调用），它属于系统，而不是浏览器。

如果你想设置它的样式，你应该看看jQuery UI 或搜索模态对话框，互联网上有大量的教程。

（也可以查看Bootstrap' dialogs）