jQuery-mobile手风琴中动态内容的高度

Question

我正在使用jQuery Mobile 1.3.1和kbw.countdown（来自https://github.com/kbwood/countdown ），当倒数显示在除最后一个Accordian部分以外的任何地方时都出现问题，Accordian标头位于顶部输出。

我在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)});
});

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