2013-05-17 251 views
2

(1)我有一个项目,我想使用Foundation 4(Orbit)的集成滑块。我的问题是,我只想在浏览器具有特定方向时初始化滑块(或启动插件)。所以对于我的问题,我需要一种方法来开始或自己初始化插件。基础4:轨道:初始化页面加载和Ajax:重新初始化

我想是这样的:

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

但首先它直接从页面加载年初开始,第二它不与代码行我发现你开始。

(2)还有一个问题:在上面的问题之上,我可以使用Ajax加载Orbit内容幻灯片还是需要另一个解决方案?我想我需要像滑块的重新初始化功能之类的东西?

回答

1

我只想初始化滑块(或启动插件)当 浏览器有一个特定的方向

你需要做这样的事情:

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

我可以加载轨道内容带有Ajax的幻灯片

确定你可以,只需在添加内容后重新初始化轨道。例如:

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

这是准确的基础5?调用'的init()'并没有改变我什么 – Jeff

+0

我想重新初始化以下AJAX负荷, $后的代码轨道({ startClockOnMouseOut(”滑):真, pauseOnHover:真实, 定时器: true, advanceSpeed:10000 }); – furiabhavesh

+0

@Jeff,你可以在这里参考他们的新文档:http://foundation.zurb.com/docs/components/orbit.html。 –