Question

我为WordPress安装了Foundation主题，它非常简单，除了一个问题外，它与普通静态站点相同。我添加了Orbit滑块（我知道它已被弃用，但我需要它并且它工作正常）。现在，通常我会添加，

<script>
$(document).foundation({
    orbit: {
        animation: 'slide'
    }
});
</script>

到页面的末尾，我尝试将其放在结束标记之前的footer.php文件中，但它似乎无法正常工作。有什么想法吗？

主题的链接在这里：http://foundationpress.olefredrik.com/

Answer 1

确保您拥有所有JavaScript＆amp; Orbit滑块的CSS依赖关系。

Answer 2

我通常在页脚中有以下内容：

<script type="text/javascript" src="js/foundation.min.js">  </script>
<script type="text/javascript" src="js/foundation.orbit.js"></script>
<script>
  $(document).foundation();
</script>

然后使用以下内容控制滑块：

<ul data-orbit data-options="navigation_arrows: false; bullets: false; animation_spreed: 1; timer_speed: 5000; slide_number: false; pause_on_hover: true; resume_on_mouseout: false,">
<li><img src="example1.jpg" alt="" /></li>
<li><img src="example2.jpg" alt="" /></li>
<li><img src="example3.jpg" alt="" /></li>
</ul>

Answer 3

我通常在更大的JS文件中调用我的Foundation。 Wordpress对jQuery使用no-conflict，因此你会遇到＆＃34; $＆＃34;的问题。这样设置：

jQuery(document).ready(function ($) { $(document).foundation({ orbit: { animation: 'slide' } }); });

Orbit滑块在带有Foundation的WordPress中不起作用

3 个答案: