0

ページネーションにはjpageスクリプトを使用しました。参照： http： //luis-almeida.github.com/jPages/

このinit()関数はカウントダウンタイマーをフリーズします。タイマーにはcountdown.jsを使用しました。

通常、タイマーは正常に機能しています。しかし、init()関数が呼び出されると、フリーズします。

これを修正するための解決策はありますか？

アップデート：

次の場所を参照してください：http：//vsoftdemos.com/test_chrome.html

これはグーグルクローム特有の問題であり、他のすべてのブラウザでうまく機能します。この問題を再現する手順は次のとおりです。

このページをグーグルクロームにロードすると、タイマーが機能していることがわかります。次に、新しいタブを開き、URLを過ぎて、Enterボタンをクリックしてください。これでタイマーの実行が停止し、ページを更新すると再び機能します。

http://vsoftdemos.com/jPages.jsの行にコメントすると、うまく機能します。私がコメントした行は this.init();

私はすべてを明確に説明したと思います。

4

1 に答える 1

0

デモページのコードを確認したら、スクリプトを少し並べ替えることだけをお勧めします。

これを動かす

<script type="text/javascript" src="jPages.js"></script>

ヘッドセクションに

    <script type="text/javascript" src="jquery_001.js"></script>
    <script type="text/javascript" src="jquery.countdown.js"></script>
    <script type="text/javascript" src="jPages.js"></script>
</head>

次に、他のスクリプトを組み合わせます（そしてそれらを少し調整します）

<script type="text/javascript">
    $(function(){

        $("div.holder").jPages({
            containerID : "itemContainer",
            callback: function(pages, items)
            {
                init_timer();
            }
        });

        function init_timer()
        {
            $('.countbox1041').countdown({
                layout : '<b>{d<}{dnn}D:{d>}' + '{hnn}:{mnn}:{snn}</b>',
                timeSeparator : ':',
                onExpiry : function () {
                },
                until : 100000
            });
        }

        init_timer();

    });
</script>

このスクリプトが機能していたので、カウントダウンdivがjpage div内にあるため、jpageスクリプトがタイマーに悪影響を及ぼしていると推測できます。タイマーをトリガーするコールバックをjpageコードに追加しました。ページがめくられるたび（またはそれが行うことは何でも）

お役に立てれば

于 2012-11-29T07:45:36.300 に答える