2011-11-24 54 views
0

我在每个部分的右侧都有向上和向下的箭头,如果您单击它们,它会向上或向下滚动部分。向上和向下滚动页面JavaScript导航

<div class="next_section"><a id="after_contact"><img src="<?php echo get_stylesheet_directory_uri() ?>/img/arrow_top.png" width="73" height="36" alt="Prev Section"></a></div> 
<div class="next_section"><a id="after_work5"><img src="<?php echo get_stylesheet_directory_uri() ?>/img/arrow_next.png" width="73" height="36" alt="Next Section"></a></div> 

问题是,并非所有的箭头都在向上和向下滚动页面。有些工作,有些则不。我已经完成了每一个正确的知识,它是一个上方或下方的区域,但是如果你点击一些箭头,它将不会执行任何操作。

任何人知道哪里出了问题?

网址:http://www.londonadvertising.com/2011 Pastie链接:http://pastie.org/2913679

非常感谢

+1

所以这里是JavaScript?你能否更深入了解一下你的想法在哪里寻找你的问题? –

+0

shuold解释这个问题,并指出我们对你的问题,它变得很难进入你的问题,并帮助你。 – Murtaza

+0

我认为就是这样。抱歉,我刚刚接管了此页面的开发并确定所用内容。我认为这是它:http://www.londonadvertising.com/2011/wp-content/themes/london/js/jquery.nav.min.js和 http://www.londonadvertising.com/2011/wp -content/themes/london/js/jquery.scrollTo-min.js – Tim

回答

0

与页面导航的问题是,并不是所有的<一>标签ID是唯一的。

JavaScript只找到第一个具有特定ID的元素,只有该元素可以工作。所有其他名称为ID的人不会做任何事情。

如果您检查,唯一工作的箭头是特定ID的第一次出现。

确保下一个div会以一流的 'next_section' 所有<一>标签具有唯一的ID

<div class="next_section first"> 
<a id="after_work1"> <!-- <<<< ID must be unique --> 
    <img src="something.jpg" alt="Next Section"> 
</a> 
</div> 
+0

仍然有问题,我很害怕。如果你看看http://www.londonadvertising.com/2011/,你可以看到我的代码。不确定用于启用ScrollTo的最佳脚本是什么? – Tim

+0

当我最初看到这个时,你使用的JavaScript除了上面提到的问题之外还能正常工作。你怎么改变脚本?如果身份证全都是唯一的,那么原件可以正常工作。 –