2

我目前正在使用 ScrollTo() jQuery 插件,只要我没有定义 Doctype,它就可以正常工作,但是当我定义 Doctype 时,ScrollTo() 插件会中断。

我已经在GitHub 上发布了我的代码

我通过互联网查看了类似的问题,我认为有些人已经分享了我的问题,但是在查看解决方案时,我并不清楚。

我只需要让插件和文档类型一起工作,两者都必须存在。请帮忙,谢谢

4

2 回答 2

1

标记中的一些更改:

  1. 用这个版本替换你的jquery.scrollto.min.js文件

  2. 替换<ul class="threeNavLinks">...</ul>为以下代码(均出现)

    <ul class="threeNavLinks">
        <li class="secondaryNavIcon"><a class="navlink" href="area2">About</a></li>
        <li class="primaryNavIcon"><a class="navlink" href="area3">Portfolio</a></li>
        <li class="secondaryNavIcon"><a class="navlink" href="area4">Contact</a></li>
    </ul>
    
  3. 在中添加以下脚本<head>

    <script type="text/javascript">
        $(function(){
            $('.navlink').click(function(e) {
                var divId = '#' + $(this).attr("href");
                $.scrollTo(divId, 700);
                e.preventDefault();
            });
        });
    </script>
    

上述解决方案在本地测试并且工作正常。

希望这对你有帮助!

于 2012-09-19T10:43:59.123 回答
0

I experienced a similar issue with the doctype declaration breaking this plugin on a validating site. Try testing with different versions of jQuery; I had a problem with 1.8.0 that was resolved by switching back to 1.7.0

于 2012-11-12T09:25:26.620 回答