0

次のスクリプトでは、keith-wood Countdown を使用しています。

<script type="text/javascript" src="jquery.countdown.js"></script>
<script type="text/javascript">
$(function () {
    $('#defaultCountdown').countdown({
        until: +60,
        format: 'yodhmS',
        layout: '{y<}{yn}a, {y>}{o<}{on}m, {o>}{d<}{dn}g, {d>}{h<}{hn}o, {h>}{m<}{mn}m, {m>}{s<}{snn}s{s>}'
    });
});

ユーザーがリセットボタンをクリックしたときにカウントダウンをリセットしたい。次の解決策を試しましたが、うまくいきません。次のエラーが表示されます:「Uncaught Unknown command: change」

$(document).ready(function() {
    $('#reset').click(function() {
        $('#defaultCountdown').countdown('change', {until: +60});
    });
});
</script>

<div id="defaultCountdown"></div>
<input type="button" id="reset" value="Reset" />

誰かが私を助けることができますか？ありがとうございました！

4

2 に答える 2

1

使用してはいけませんchange(これは定義されていません。option代わりに使用してください:

$('#reset').click(function() {
    $('#defaultCountdown').countdown('option', { until: +60 });    
});
于 2012-10-02T10:20:04.863 に答える
1

「change」は「option」である必要があります。これにより、リセット ボタンがクリックされたときに 60 秒でカウンターが再起動されます。

$('#reset').click(function() {
   $('#defaultCountdown').countdown('option', {until: +60});
});

略さずに：

<div id="defaultCountdown"></div>
<input type="button" id="reset" value="Reset" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.countdown.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
    $('#defaultCountdown').countdown({
        until: +60,
        format: 'yodhmS',
        layout: '{y<}{yn}a, {y>}{o<}{on}m, {o>}{d<}{dn}g, {d>}{h<}{hn}o, {h>}{m<}{mn}m, {m>}{s<}{snn}s{s>}'
    });

    $('#reset').click(function() {
        $('#defaultCountdown').countdown('option', {until: +60});
    }); 
});
</script>
于 2012-10-02T10:22:30.653 に答える