第二个猫头鹰旋转木马照片滑块不工作:(

Question

我的第一个旋转木马滑块工作正常，但第二个没有显示任何东西？更改了ID名称，但不太确定在哪里调用此新ID名称？

请帮助，任何帮助都会很棒！ ：）

我的index.html代码在这里：http://pastebin.com/4wsf3Rg2

该网站在http://www.passiton.nz开始，你没有连接第二个轮播。

Answer 1

如果可能，我建议您将代码发布到http://jsfiddle.net，以便我们可以轻松调试它。一旦DOM准备就绪，您应该致电owlCarousel()。您使用内联JavaScript执行的操作是正确的。但是，将<script></script>的块代码包含在html标记内的所有位置都是不好的做法。

您应该创建自己的javascript文件，并将所有自定义javascript放在那里。

以下是我在一页中启动两个猫头鹰轮播的方法：http://jsfiddle.net/o269c1ku/3/

如您所见，您可以按照以下步骤初始化猫头鹰轮播：

$(document).ready(function () {
  $("#owl-gallery").owlCarousel();
  $("#owl-gallery2").owlCarousel();
});

希望这有帮助。