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

Once a href (with a class) has been clicked, launch a custom dialog (css custom)

本文关键字：自定义 启动 href 对话框 css 单击      更新时间：2023-09-26

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

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

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

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

希望这是有道理的。谢谢你们

这是我到目前为止所拥有的：

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

.HTML 

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

爪哇语

$('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 {
}
您

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

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

（您也可以查看引导程序的对话框）

相关文章：