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>

停止javascript加载到div

1 个答案: