停止JavaScript加载到div

Question

我有这个JavaScript代码设置加载HTML页面的内容到我的div #mid。这是默认为我的网站上的所有链接，无论在哪里按下。但是，我想链接到外部网站，并且不希望JavaScript将其加载到div中，我希望它在新选项卡中打开。

<script src="javascript/jquery-1.4.2.min.js" type="text/javascript"></script> 
<script src="javascript/core.js" type="text/javascript"></script> 

<script type="text/javascript"> 
$(function(){ 
// Configuration 
divID = '#mid'; 
loadingHTML = 'Loading..'; 
}); 
</script> 

<script type="text/javascript"> 
$(function(){ 
$(divID).load('pages/home.html'); 
}); 
</script> 

要加载链接我只是用：

<a href="pages/services.html"></a> 

我怎么能阻止它加载到DIV为此我选择的某些环节？谢谢您的帮助！

Answer 1

我假设你有某种方式来告诉你想要在div中打开哪些链接，以及在新选项卡中打开哪些链接。

对于这个例子，我将使用.internal作为加载到div和.external加载在一个新的选项卡。

的window.open(url)功能是你在找什么：

$(document).ready(function(){ 

    $("a.internal").click(function(e){ 

     e.preventDefault(); 
     $(divId).load($(this).attr("href")); 

    }); 

    $("a.external").click(function(e){ 

     e.preventDefault(); 
     window.open($(this).attr("href")); 

    }); 

}); 

---

所以内部装载的链接应该是这样的：

<a href="/pages/somePage.html" class="internal">An Internal Link</a> 

和外部链接是这样的：

<a href="http://www.google.com" class="external">An External Link to Google</a>