1

我遇到了一个复杂的情况，涉及各种滑块，即使它是这样设计的，也不能作为选项卡式内容工作，在一个单页的 wordpress 网站上。

该网站在这里：http ://carubba.brandconstructors.com/ 并且“项目”部分是问题所在。

所以我为每个类别制作了不同的 wordpress 页面模板。我使用 onlick=window.location 来浏览所谓的选项卡。但是，当您单击下一个选项卡时，页面会跳到最顶部一秒钟然后返回。有没有办法让这种情况不会发生并直接前往锚点位置？我尝试添加 return false 和 javascript:void(0) ，但这也不起作用。

这是链接的代码：

<ul class="projects-cat">
            <li><a href="#" id="project-gallery" onclick="window.location = '/commercial/#projects';">Commercial</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/marine/#projects';">Marine</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/institutional/#projects';">Institutional</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/civil/#projects';">Civil</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/specialty/#projects';">Specialty</a></li>
            <li><a href="#" id="project-gallery" onclick="window.location = '/residential/#projects';">Residential</a></li>


        </ul>

任何帮助都是极好的。

编辑* 这是在页脚：

<script>
 $(document).ready(function() {
       $('.projects-cat li a').click(function(e) {
             e.preventDefault();
       });
 });
</script>
4

1 回答 1

0

不，浏览器在渲染页面并计算向下移动的距离时总是会向下跳。

您应该留在同一页面上，或者加载所有内容，并根据需要隐藏和显示，或者通过 AJAX 加载每个页面的内容。

于 2013-10-29T21:54:38.300 回答