pagify.js和重裝/刷新格

這裏

新手，所以請原諒我，如果這是一個簡單的問題：pagify.js和重裝/刷新格

我使用pafigy哈希的URL有一個單頁的網站。第一次加載頁面時，它將「home.html」文件拖入內容div。

「home.html」內容包含腳本（jquery循環），當它加載到索引頁面的「內容」div中時需要運行。如果我鏈接到「home.html」頁面中的循環插件和jquery庫，它會非常緩慢地加載到「content」div中。所以，我將這些庫加載到主頁上，並在「home.html」頁面中引用它們。

它在網站最初加載時正常工作;然而，如果我點擊另一個菜單項，然後嘗試返回到「#home」（無論是後退按鈕還是帶有「#home」鏈接），它都會從「home.html」加載內容，但不會加載循環插件。

所以，我知道我需要刷新/重新加載在「內容」div的JavaScript，但我不知道如何去做這件事。任何幫助或智慧的話將不勝感激。

這裏的index.html頁面上pagify腳本：

<script type='text/javascript'> 
$(document).ready(function() { 
    $('#content').pagify({ 
     pages: ['home', 'food', 'wine'], 
     animation: 'fadeIn', 
     'default': 'home', 
     cache: true 

    }); 
}); 
</script>

這裏是home.html的頁jQuery開發週期腳本：

<script type='text/javascript'> 
$(document).ready(function() {  
    $('#myslides').cycle({ 
     fx: 'fade', 
     speedIn: 1000, 
     speedOut: 200, 
     delay: 1200, 
     cleartypeNoBg: true 
    }); 

    $('#myslides2').cycle({ 
     fx: 'scrollLeft', 
     speedIn: 700, 
     speedOut: 500, 
     delay: 1000, 
     cleartypeNoBg: true 
    }); 
}); 
</script>

同樣，如果原諒我的代碼是不可靠的，或者如果我這樣做是完全錯誤的。我儘可能地學習和研究，但我真的被困在這裏。

另外，讓我知道你是否需要更多的代碼。

謝謝！

來源

2012-08-09 breathingair

我覺得你必須在加載該頁面後觸發Cycle。也許你可以通過pagify.js上的onChange選項來實現。它應該看起來像這樣：

<script type='text/javascript'> 
$(document).ready(function() { 
    $('#content').pagify({ 
     pages: ['home', 'food', 'wine'], 
     animation: 'fadeIn', 
     'default': 'home', 
     cache: true, 
     'onChange': function(home) { //wrap 'onChange' in quotes 
      $('#myslides').cycle({ 
      //Your Cycle Plugin Goes Here 
      }); 
     } 
    }); 
}); 
</script>

希望這個想法有幫助。

來源

2012-11-27 12:39:35

pagify.js和重裝/刷新格

回答

相關問題