通常,我要做的是创建一个路由处理程序,该路由处理程序包含映射到url的url哈希。这样,当我监听窗口的hashchange事件时,可以路由到该哈希的相应URL。该对象将如下所示:
var router = { "#ajax" : "http://fiddle.jshell.net"};然后,我使用此对象通过路由器和jquery get请求(在hashchange上)从URL异步获取html:
$(window).on("hashchange", function(){ var route = router[location.hash]; if (typeof route === 'undefined') return; $.get( route, function( data ) { $( ".sliderContent" ).html( data ); }); });从jquery get的回调中可以看到,检索到的ajax数据被注入到sliderContent div中的DOM中。我希望这有帮助 :)
在此处查看有效的jsfiddle:http://jsfiddle.net/zrLLhq30/5/
编辑:AJAX需要一些时间来处理,所以给它一点时间来加载。
更新
我已经更新了小提琴,使其包含多个链接(以及将jquery替换
get为jquery
load,只是为了加快资源检索的速度),并且如您所见,divs中的内容无需页面刷新即可加载到容器中。
如果按照我的方式实施解决方案,并且为每个资源URL使用不同的哈希,那么它应该会很好用。我希望这就是你的意思:)
在此处更新了jsfiddle:http :
//jsfiddle.net/zrLLhq30/7/



