2013-05-17 237 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。 –