Question

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

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/

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

1 个答案: