使用jQuery从另一个页面URL激活URL

时间:2014-07-09 22:21:35

标签: javascript jquery url

大家好,感谢您的阅读,

基本上,我要做的是通过单击不同页面上的URL来激活URL(具有生成的jQuery插件效果)。就目前而言,除了链接到实际锚标签而没有任何影响之外,它什么也没做。奇怪的是,如果我按F5刷新页面,这会激活锚标签,效果正常。

一些信息:

  • jQuery installation v1.5
  • jQuery插件quicksand v1.2.1

jQuery的:

$( document ).ready(function() {
    if (window.location.hash.length > 0) {
        $(window.location.hash).click();  
    }
});

HTML(启动ID为'ext'的超链接):

<li><a href="gallery.html" class="selected">Gallery</a>
    <ul>
      <li><a href="gallery.html#ext">Exterior</a></li>
      <li><a href="#">Kitchen</a></li>
      <li><a href="#">Lounge</a></li>
      <li><a href="#">Bedroom</a></li>
      <li><a href="#">Bathroom</a></li>
      <li><a href="#">Hall</a></li>
      <li><a href="#">Scenery</a></li>
    </ul>
</li>

HTML(ID为'ext'的目标超链接):

<ul class="gallerynav">
   <li class="selected-1"><a href="#" data-value="all">All<span></span></a></li>
   <li><a id="ext" href="#" data-value="exterior">Exterior<span></span></a></li></a>
   <li><a href="#" data-value="kitchen">Kitchen<span></span></a></li>
   <li><a href="#" data-value="lounge">Lounge<span></span></a></li>
   <li><a href="#" data-value="bedroom">Bedroom<span></span></a></li>
   <li><a href="#" data-value="bathroom">Bathroom<span></span></a></li>
   <li><a href="#" data-value="hall">Hall<span></span></a></li>
   <li><a href="#" data-value="scenery">Scenery<span></span></a></li>
   <li><a href="#" data-value="misc">Misc<span></span></a></li>
</ul>

谢谢。

0 个答案:

没有答案