javascript - 如何正确初始化 Foundation 6 Javascript？

Question

我的 Foundation Javascript 无法运行。我认为我的初始化是错误的。谁能帮我吗？

var jQ = $.noConflict();
jQ(document).foundation();

jQ(document).ready(function($){
    var orbit = new Foundation.Orbit($('#slider'), {animation: 'fade',
        timerDelay: 8000,
        pauseOnHover: true,
        navButtons: false,
        bullets: false
    });
});

Answer 1

请注意，您不应该像这样通过 JS 设置它，而应该在 data-options 的 HTML 中设置它，更多 info .

示例:

<div class="orbit" role="region" data-orbit data-options="timerDelay:5000; pauseOnHover:true;navButtons:false;bullets:false;">
...
</div>

您可以在此处找到 Foundation 6 的具体信息:http://foundation.zurb.com/sites/docs/orbit.html