jquery - 使用 jquery .load 获取内容时覆盖

Question

我有几个页面，所有页面都有不同的内容，这些页面都使用相对路径标签在导航中链接。从可用性的角度来看，我想做的是使用 jquery .load从其他页面获取内容并将其加载到主索引页面中。这样就不必更改页面。

我想做的是显示:

<a id="show-services" href="our_services.html">OUR SERVICES</a>

对于 SEO/关闭 js 的用户，但实际上，为了可用性/UI 目的，在使用(如下)中加载内容

google.load("jquery", "1.6.2");

google.setOnLoadCallback(function() {
$("#show-services").click(function(){
    $(".content").load("our_service.html .content");
    return false;
    });
});

所以有.load即使显示了 HTML a 标记，也覆盖 HTML a 标记(这样蜘蛛仍然可以看到网站的结构。

Answer 1

我认为您正在寻找的是 e.stopPropagation 或 e.preventDefault。这将阻止事件冒泡，即单击 anchor 的操作，因为您正在使用 js 应用事件。如果用户没有启用 js，代码将不会运行，因此该操作将回退到 anchor 默认行为。

$("#show-services").click(function(e){
    e.preventDefault;
    $(".content").load("our_service.html .content");
    return false;
    });
});