javascript - Foundation 4：Orbit：页面加载后的初始化 & Ajax：重新初始化

Question

(1) 我有一个项目，我想使用 Foundation 4 (Orbit) 的集成滑块。我的问题是，我只想在浏览器具有特定方向时初始化滑块（或启动插件）。因此，对于我的问题，我需要一种方法来自己启动或初始化插件。

我试过这样的事情：

$(document).foundation('orbit', 'start‘); 

但首先它从页面加载的开头开始，其次它不是从我向您展示的代码行开始。

(2) 还有一个问题：除了上面的问题，我可以使用 Ajax 加载 Orbit 内容幻灯片，还是需要另一种解决方案？我想我需要滑块的重新初始化功能？

Answer 1

我只想在浏览器具有特定方向时初始化滑块（或启动插件）

你需要做这样的事情：

if (screen.innerWidth > screen.innerHeight) {
    // start orbit when the device is on a landscape mode
    $(document).foundation('orbit').init();
}

我可以使用 Ajax 加载 Orbit 内容幻灯片吗

当然可以，只需在添加内容后重新初始化轨道即可。就像是：

$("#yourSlider").append('<li><img src="url_of_the_image" /></li>');
$(document).foundation('orbit').init();