如何防止子div中的锚点链接影响主网址?

詹姆士

考虑以下代码段:

<div id="help"></div> 
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
    var loadPage = function (){
        $("#help").load("http://localhost:3000/manual.html");
    }
    onload=loadPage;
</script>

这存在于我的主页上:

http://localhost:3000/

上面的代码可以正常工作并加载我的手册页。但是,如果我在manual.html中单击这样的链接:

<a href='#introduction'>Introduction</a>

然后,帮助div中的页面跳转到#introduction部分,但是我的浏览器中的网址更新为:

http://localhost:3000/#introduction

这是没有意义的,因为#introduction锚仅存在于manual.html中,如何防止#help div中的链接影响浏览器中的地址栏?

赛义德·霍洛夫

试试这个

$('a').click(function(e) {
    e.preventDefault();
    $("#help").load($(this).attr('href'));
})

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从网址中删除锚点

来自分类Dev

从网址中删除锚点

来自分类Dev

如何在React中偏移链接和锚点?

来自分类Dev

Spritekit场景锚点影响子节点的位置

来自分类Dev

链接到框架中的锚点

来自分类Dev

尝试将锚点标签链接到流星js中的div ID

来自分类Dev

更改特定div中的锚点

来自分类Dev

友好的网址和锚点

来自分类Dev

网址末尾的广告锚点

来自分类Dev

如何使用填充100%的锚点/链接使TD中的文本居中

来自分类Dev

如何使用填充100%的锚点/链接使TD中的文本居中

来自分类Dev

jQuery菜单锚点onBlur事件禁用Div子锚点

来自分类Dev

如何防止命名锚点引入换行符

来自分类Dev

如何防止命名锚点引入换行符

来自分类Dev

如何防止动态中的锚默认?

来自分类Dev

如何防止SwiftUI clipShape影响子视图

来自分类Dev

链接到Rails App中页面上的锚点

来自分类Dev

WooCommerce类别小部件中的锚点链接

来自分类Dev

在R Shiny中设置相对链接/锚点

来自分类Dev

Markdown链接到Sphinx中的reStructuredText锚点

来自分类Dev

如何防止CSS正文影响特定的Div?

来自分类Dev

如何将iframe中的div从另一个iframe滚动到锚点

来自分类Dev

如何显示隐藏的div,来自Google地图脚本中的锚点标签

来自分类Dev

滚动页面中其他div锚点时如何更改导航文本颜色

来自分类Dev

链接未引用锚点

来自分类Dev

jQuery在子元素中查找并替换锚点

来自分类Dev

如何防止锚填充元素的整个包含div?

来自分类Dev

固定标头影响锚点

来自分类Dev

HTML锚点无法更改网址?