2013-06-27 45 views
0

我有一個簡單的主頁滑塊,我想起牀。我已經嘗試過使用flexslider和其他一些滑塊JavaScript腳本。奇怪的是,它在第​​一次加載頁面時加載的很好,如果我真的刷新它。在這兩種情況下,它都會像你所期望的那樣加載但是,如果用滑塊單擊頁面並返回頁面(不進行硬刷新),滑塊根本不會顯示。Javascript並不總是加載

我在一個新的軌道4.0.0應用程序。

我已經將flexslider和其他滑塊jquery代碼放在了供應商/ assets/javascript目錄中。然後在應用程序/資產/ JavaScript的/ pages.js.coffee的網頁我有:

$(document).ready -> 
    $(".flexslider").flexslider animation: "slide" 

我也改成了繞到:

$(window).load -> 
    $(".flexslider").flexslider animation: "slide" 

還有:

$ -> 
    $(".flexslider").flexslider animation: "slide" 

但都導致相同的問題。

任何想法可能會失蹤?

回答

4

我認爲這個問題是因爲你有turbolinks寶石,它只加載部分或頁面,而不是全部。所以document.ready事件不起作用。你可以試試這個:

$(window).bind 'page:change', -> 
    $(".flexslider").flexslider animation: "slide" 
+1

或者你可以連接[jquery-turbolinks](https://github.com/kossnocorp/jquery.turbolinks)gem。 – galulex

+0

@Julius - 當我回到頁面時,此功能非常完美。現在有一個問題,雖然最初加載它不會以同樣的方式返回到以前沒有工作的頁面。 – lflores

+0

@galulex jquery-turbolinks jem做的伎倆。謝謝!! – lflores