Question

我的Javascript of Foundation无效。我认为我的初始化是错误的。任何人都可以帮助我吗？

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>

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

Answer 2

这是我的代码。没有变化：/

<div id="slider" class="orbit" role="region" data-options="navButtons:false; autoPlay:false" data-orbit>
    <ul class="orbit-container">

        <li class="orbit-slide is-active">
            <img src="http://placehold.it/2000x750&text=1st">
        </li>
        <li class="orbit-slide">
            <img src="http://placehold.it/2000x750&text=2nd">
        </li>
        <li class="orbit-slide">
            <img src="http://placehold.it/2000x750&text=3nd">
        </li>
        <li class="orbit-slide">
            <img src="http://placehold.it/2000x750&text=4nd">
        </li>
    </ul>
</div>

如何正确初始化Foundation 6 Javascript？

2 个答案: