基础4: Orbit:页面加载后的初始化& Ajax:重新初始化

Question

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

我尝试了这样的东西：

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

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

(2)只有一个问题:除了上面的问题，我可以用Ajax加载动态观察内容幻灯片吗，或者我需要其他解决方案吗？我想我需要一些东西，比如重新初始化--滑块的功能？

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