Question

我正在使用Foundation 4 framework作为我正在开发的简单页面。我需要自动滚动到页面上的某个位置：

$(document).ready(function() {

    console.log('Ready...'); // Does work

    $('html, body').animate({ // Doesn't work
        scrollTop: 1000
    }, 2000);

});

这个动画不起作用。它没有错误，但console.log确实有效。

根据Foundation模板，jQuery被加载到页面底部：

    <script>
        document.write('<script src=' +
                ('__proto__' in {} ? 'javascripts/vendor/zepto' : 'javascripts/vendor/jquery') +
                '.js><\/script>')
    </script>

为什么我的.animate方法不起作用？其他jquery代码可以工作。

更新：

如果我通常添加jquery，而不是添加上面的document.write代码（根据Foundation 4模板），<script src="javascripts/vendor/jquery.js"></script>一切都有效。奇怪。

Answer 1

我发现了这个页面：http://zurb.com/article/1180/how-to-use-foundation-4-s-faster-better-a，它解释了Foundation 4实际上使用的是Zepto，它使用与jQuery相同的语法，因此造成了混乱。

Answer 2

您的代码适用于我：http://codepen.io/anon/pen/DKvls

console.log();

不是一个jQuery功能，所以无论你是否有jQuery，它都可以工作。确保在脚本之前加载jQuery，否则它将无法正常工作。

.animate jquery方法不起作用

2 个答案: