0

ここでは初心者なので、これが簡単な質問である場合はご容赦ください。

pafigy を使用して URL をハッシュする単一ページの Web サイトがあります。ページが最初に読み込まれると、「home.html」ファイルが content div に取り込まれます。

"home.html" コンテンツには、インデックス ページの "content" div に読み込まれるときに実行する必要があるスクリプト (jquery サイクル) が含まれています。"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 Cycle スクリプトは次のとおりです。

<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>

繰り返しますが、私のコードがおかしかったり、これが完全に間違っている場合は、ご容赦ください。私はできる限り学び、研究しようとしていますが、本当にここで立ち往生しています。

また、さらにコードが必要な場合はお知らせください。

ありがとう！

4

1 に答える 1

3

そのページを読み込んだ後、 Cycle を起動する必要があると思います。おそらく、pageify.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-27T12:39:35.373 に答える