1

私が使用しようとしているカウントダウンタイマーはIEでは機能しませんが、FirefoxとChromeでは正常に機能します。

これは、私が含めているスクリプトのHTMLであり、これまでに作成したものです。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<script src="jquery.countdown.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(function(){
        $('#counter').countdown({
            image: 'digits.png',
            startTime: '25:30'
        });            
    });
</script>
<style type="text/css">
    .desc { 
        margin: 7px 3px;
        width: 352px;
    }
    .desc div {
        float: left;
        font-family: Arial;
        width: 70px;
        margin-right: 65px;
        font-size: 13px;
        font-weight: bold;
        color: #000;
    }
    #counter {
        width: 353px;
    }
</style>

これはaspxページの私のコンテンツです：

<div id="counter"></div>
<div class="desc">
    <div>Minutes</div><div>Seconds</div>
</div>
4

1 に答える 1

0

私はこれをIE8とIE9でテストしました。問題なく動作しているようです。

これを試して：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript" charset="utf-8"></script> 
<script src="http://jquery-countdown.googlecode.com/svn/trunk/js/jquery.countdown.js" type="text/javascript" charset="utf-8"></script>

<style type="text/css">
    .desc { margin: 7px 3px;
        width: 352px;
    }
  .desc div {
  float: left;
  font-family: Arial;
  width: 70px;
  margin-right: 65px;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  }
    #counter
    {
        width: 353px;
    }
</style>

<div id="counter"></div><div class="desc"><div>Minutes</div><div>Seconds</div></div>
<script type="text/javascript">

     $('#counter').countdown({
             image: 'http://jquery-countdown.googlecode.com/svn/trunk/img/digits.png',
             startTime: '25:30'});            

</script>

次のように、htmlページの上部でドキュメントタイプが定義されていることを確認してください。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
于 2012-11-15T12:18:22.253 に答える