jQuery倒计时不对齐格式

时间:2013-04-21 11:30:20

标签: jquery html countdown

我尝试在我的aspx页面上实现倒数计时器,但我得到了这个观点:countdown timer view in aspx page 当我把它放在一个空页面(html或aspx)时,它运行正常。但是当我将它放在.net中的表单结构下时,它会像捕获中所示崩溃。

这是我的倒计时块:

<div id="countdown_dashboard">
    <div class="dash weeks_dash" style="display: none">
        <span class="dash_title">week</span>
        <div class="digit">0</div>
        <div class="digit">0</div>
    </div>

    <div class="dash days_dash" style="display: none">
        <span class="dash_title">day</span>
        <div class="digit">0</div>
        <div class="digit">0</div>
    </div>

    <div class="dash hours_dash">
        <span class="dash_title">hour</span>
        <div class="digit">0</div>
        <div class="digit">0</div>
    </div>

    <div class="dash minutes_dash">
        <span class="dash_title">minute</span>
        <div class="digit">0</div>
        <div class="digit">0</div>
    </div>

    <div class="dash seconds_dash">
        <span class="dash_title">second</span>
        <div class="digit">0</div>
        <div class="digit">0</div>
    </div>

</div>
<!-- Countdown dashboard end -->

<script type="text/javascript">
    jQuery(document).ready(function () {
        $('#countdown_dashboard').countDown({
            targetDate: {
                'day': 10,
                'month': 6,
                'year': 2013,
                'hour': 11,
                'min': 0,
                'sec': 0
            }
        });

        $('#email_field').focus(email_focus).blur(email_blur);
        $('#subscribe_form').bind('submit', function () { return false; });
    });
</script>

头标记中的导入文件为:

<%--<script src="jQuery-countdown/js/jquery-1.4.1.js"></script>--%>
    <script src="jQuery-countdown/js/jquery.lwtCountdown-1.0.js"></script>
    <script src="jQuery-countdown/js/misc.js"></script>
    <link rel="Stylesheet" href="jQuery-countdown/style/main.css"/>

注意:我注释掉了第一个,因为它严重影响了表单标记内容。

如何避免此错误?

0 个答案:

没有答案