0

我正在使用 jQuery Mobile 1.3.1 和 kbw.countdown （来自https://github.com/kbwood/countdown）并且当倒计时显示在除最后一个手风琴部分之外的任何部分时出现问题，手风琴标题位于顶部的输出。

我在http://jsfiddle.net/kgfullerton/AFcZM/有一个最小的 jsFiddle，它显示了这个问题 - 第 2 节中的倒计时是我也希望它在第 1 节中的样子 - 我猜这是一个在创建页面后设置内容并且以某种方式固定手风琴部分的高度的问题 - 想知道过去是否有人遇到过这个问题 - 有没有比 DOMLoad/DOMContentReady 更好的地方来开始倒计时显示

$(function(){
    $('#countdownOne').countdown({until: new Date(2029,1,1)});
    $('#countdownTwo').countdown({until: new Date(2029,1,1)});
});
4

1 回答 1

1

不是一个很好的解决方案，但肯定是解决显示问题的解决方法：

只需在倒计时范围周围的 DIV 中添加一个底部边距。

        <div data-role="collapsible" data-content-theme="d">
            <h3>Section 1</h3>
            <div class="botMargin"> 
                <span id="countdownOne"></span>
            </div>
        </div>

       .botMargin {
            margin-bottom: 20px;
        }

这是你的小提琴更新：http: //jsfiddle.net/ezanker/AFcZM/1/

于 2013-10-17T14:18:55.717 回答