Jquery NavBar，同一页面上的内容

Question

我有一个在bootstrap中创建的导航栏。当我点击链接时，我应该在div中的同一页面中获取链接内容，或者使用Jquery或Ajax在导航栏中获取。

Answer 1

查看anchor links，您可以使用它们创建一个简单的单页网站，导航标题中的“链接”链接到#partone #parttwo并简单地将这些部分标题放在您的页面中

 

Answer 2

  

使用对象标签

HTML

<div id="exUrl">
</div>

JQuery

$( document ).ready(function() {
    $("#exUrl").html('<object data="http://www.w3schools.com" style="width:100%;height:100%"/>');
});

<强>的jsfiddle
Load external url

  

使用Ajax

jQuery.get()

  

更新

Ajax load page when click on anchor