javascript - 基金会 4 : Orbit: Initialitation after page loading & Ajax: Reinitialization

Question

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

我试过这样的:

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

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

(2) 还有一个问题:除了上述问题之外，我可以使用 Ajax 加载 Orbit 内容幻灯片吗？我是否需要另一种解决方案？我想我需要像 slider 的重新初始化功能这样的东西？

Answer 1

I only want to initialize the slider (or to start the plugin) when the browser have a specific orientation

你需要做这样的事情:

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

can I load Orbit content Slides with Ajax

当然可以，只需在添加内容后重新初始化轨道即可。像这样的东西:

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