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();