离开网站警告Javascript

时间:2014-12-21 22:34:51

标签: javascript jquery facebook

我正在尝试完成我的应用程序,但为了这样做,我想创建一个弹出窗口,当包含" extlink-modal-trigger"类的链接时将触发该弹出窗口。这将触发一个弹出/对话框,显示像Facebook这样的快速警告,当它点击它时会拉出href并将其插入按钮

希望你明白这一点,但如果你不这样做,请给我一个评论抱歉,如果这没有任何细节

我尝试创建类似于此http://jsfiddle.net/GsCBr/

的内容
$('a[href^=http]').click(function(){
    alert('You are leaving this website.','Warning');
});

但只有具有适当的类并且它应该显示为弹出窗口

时才会触发

1 个答案:

答案 0 :(得分:2)

您可以通过以下方式执行此操作:



$(document).ready(function () {
    $('a.extlink-modal-trigger[href^=http]').click(function (e) {
        e.preventDefault();
        alert('You are leaving this website., Warning');
        $("#link").html(this.href); //do whatever you want with link
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href="http://www.youtube.com/" id="alert_link" target="_blank" class="extlink-modal-trigger">Click here to leave site.</a>

<a href="http://www.youtube.com/" id="alert_link" target="_blank">Click here to leave site.</a>

<button id="link"></button>
&#13;
&#13;
&#13;

带引导模式的

Working fiddle