Javascript 我想使用hashbang URL(blah.com/#!/thingtoload)动态加载页面内容(在DIV中),我有jQuery和Bootstrap
我有一个带有Bootstrap和jQuery的网站(jQuery CDN的最新版本),我想在一个DIV中加载页面的内容(也就是说,当点击链接时,只加载页面的一部分,顶部的Bootstrap导航栏以及脚本、CSS等其他内容保持不变) 例子: 我的站点URL是,而首页是相同的URL。在本例中,页面上有一个id为#pageContent的div。Javascript 我想使用hashbang URL(blah.com/#!/thingtoload)动态加载页面内容(在DIV中),我有jQuery和Bootstrap,javascript,jquery,ajax,twitter-bootstrap,Javascript,Jquery,Ajax,Twitter Bootstrap,我有一个带有Bootstrap和jQuery的网站(jQuery CDN的最新版本),我想在一个DIV中加载页面的内容(也就是说,当点击链接时,只加载页面的一部分,顶部的Bootstrap导航栏以及脚本、CSS等其他内容保持不变) 例子: 我的站点URL是,而首页是相同的URL。在本例中,页面上有一个id为#pageContent的div。 单击时,应在页面内容中加载/profile.php?user=jsa005。 这就是它的全部内容 您可以使用window.location.hash(如果
单击时,应在页面内容中加载/profile.php?user=jsa005。
这就是它的全部内容 您可以使用
window.location.hash
(如果您手动执行此操作,当然有脚本)。
您可以直接从散列中加载脚本。然后加载脚本直接返回到内容html的html
$(function(){
$("#clickme").on("click", function(e){
var hash = window.location.hash.replace('!','');
//or $.ajax or $.get or other.
$.get(hash,function(data){
$("#content").html(data);
})
});
}
搜索关于History.js、类似github的导航、单页应用程序、angularJS spa的问题。为什么要使用
#代码>与?
?这本质上是两种不同的观点。您可以同时使用它们,但可能是profile.php?user=jsa005/#!这里有些东西
不是相反。@user974407基本上我想加载#之后的东西!,例如nintri.x10.mx/#/somepagetoload.php将在div中加载nintri.x10.mx/somepagetoload.php和nintri.x10.mx/#/profile.php?user=jsa005将在div中加载nintri.x10.mx/profile.php?user=jsa005。