0

我们使用 jpages 脚本进行分页。参考: http: //luis-almeida.github.com/jPages/

init()功能冻结倒数计时器。我们使用 countdown.js 作为计时器。

通常计时器工作正常。但是当init()函数被调用时,它被冻结了。

有什么解决方案可以解决这个问题吗?


更新:

请查看以下位置:http: //vsoftdemos.com/test_chrome.html

这是 google chrome 特有的问题,它在所有其他浏览器上运行良好。以下是复制此问题的步骤。

在谷歌浏览器上加载此页面后,您可以看到计时器正在工作。然后请打开一个新选项卡并通过 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 在 jpages div 内,所以 jpages 脚本对计时器有一些不利影响,我在 jpages 代码中添加了一个回调来触发计时器每次翻页(或无论它做什么)

希望这可以帮助

于 2012-11-29T07:45:36.300 回答