两个JavaScript警报窗口

Question

当用户单击指向外部源的链接时，我正在使用以下代码获取免责声明;

$(
    function() { 
    $("a[href^='http://']:not([href*='"+location.hostname+"']), [href^='https://']:not([href*='"+location.hostname+"'])") 
     .attr("target","_blank") 
     .click(function(e) { 
      alert('My message here'); 
     }); 
    }); 

哪些工作，但我需要添加第二个消息，当一个特定的链接点击。我试着添加if和else语句（下面的例子），但这不起作用。我是否使用正确的方法，如果还是应该尝试不同的路线？

$(
function() { 


$(if "a[href^='http://']:not([href*='"+location.hostname+"']), [href^='https://']:not([href*='"+location.hostname+"'])") 
    .attr("target","_blank") 
    .click (function(e) { 
     alert('My original message here'); 
     }); 
    (else if 
    "a[href^='http://theurlhere'") 
    .attr("target","_blank") 
    .click (function(e) { 
     alert('Test'); 
     }); 
    }); 

Answer 1

您不能同时有2个警报。 JavaScript在单线程中执行所有代码，一旦显示警告，脚本执行将不会继续，直到您点击'ok'。

你可以有2个警报的唯一方法是自己实施它们，例如引导程序alerts或modals（或甚至两者）。

您可能还需要完成互动式教学here到已了解jQuery选择

更新：

下面是使用引导和jQuery 2个模式警报的示例代码。它在引导模式中显示2个警报。

的Html

<div id='modal' class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-sm"> 
    <div class="modal-content"> 
     <div id='alert1' class="alert alert-success" role="alert" style="display:none">Second alert will be shown in 3 seconds</div> 
     <div id='alert2' class="alert alert-info" role="alert" style="display:none">Second alert</div> 
    </div> 
    </div> 
</div> 

<button onclick='showAlerts()'>Show 2 Alerts</button> 

的JavaScript

function showAlerts() { 
    showAlert("alert1"); 
    setTimeout(function() { 
    showAlert('alert2') 
    }, 3000); 
} 

function showAlert(alertId) { 
    $('#' + alertId).show(); 
    $('#modal').modal('show'); 
} 

Here工作plunker。

Answer 2

选择器必须分离：

$(function() 
{ 
    $("a[href^='http://']:not([href*='" + location.hostname + "']), href^='https://']:not([href*='" + location.hostname + "'])") 
    .attr("target", "_blank") 
    .click(function(e) 
    { 
     alert('My original message here'); 
    }); 

    $("a[href^='http://theurlhere'") 
    .attr("target", "_blank") 
    .click(function(e) 
    { 
     alert('Test'); 
    }); 
});