深度链接json加载数据

时间:2012-09-07 22:01:32

标签: jquery json deep-linking jquery-address

我有填充dom的json数据,并且添加的json对象具有用于window.hash的ID

       $j.getJSON('js/looks.json', function(data){

            $j.each(data.looks, function(i, looks){
                var look = "<li class='style "+data.looks[i].type+"'>";
                look+= "<div class='overlay'></div>";
                look+= "<a href='#"+data.looks[i].person+"'><img src='../images/looks/landinglooks_"+data.looks[i].person+".jpg'/></a>";
                look+="</li>";
             });

      });

和这个链接的div在json中输出:

<div id='"+data.looks[i].person+"' class='block steps'>

输出:

<li class="style fine"><div class="overlay"></div><a href="#gabrielle"><img src="../images/looks/landinglooks_gabrielle.jpg"></a></li>

点击此按钮会转到http:... /#/ gabrielle,这也是一个div

<div id="gabrielle" class="block steps"></div>

这很好用,但似乎在页面加载(如果我尝试加载到... /#/ gabrielle)没有任何反应。 jQuery Address不会读取加载到dom中的json的pageload上的哈希值。

是否有解决方法或其他支持此内容的深层链接插件?

1 个答案:

答案 0 :(得分:0)

我决定使用http://benalman.com/projects/jquery-hashchange-plugin/像魅力一样工作! 我可以在加载json之后调用hashchange触发器。