jquery计数器重置问题

时间:2013-08-28 11:36:35

标签: javascript html5

我有以下代码,即使页面刷新后,计数器也没有重置。请帮我重置“柜台”。如果有任何拼写错误或编码很脏,也请原谅。

脚本:

$(window).load(function () {
     $(document).ready(function () {
         $('p').click(function () {
             $(this).animate({
                 'color': 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')'
             }, 500);
         });

         $('#counter').data('count', 0);
         $("#fl1").click(function () {
             $('#counter').val(function (i, val) {
                 return val == '0' ? 1 : val + 1;
             });
         });

         $('#counter').data('count', 0);
         $("#fl2").click(function () {
             $('#counter').val(function (i, val) {
                 return val == '0' ? 2 : val + 2;
             });
         });
     });
});

解决的脚本:

<script type='text/javascript'>
      $(window).load(function(){
        $(document).ready(function() {
          $('p').click(function() {
            $(this).animate({
              'color': 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')'
              }, 500);
            });

          $('#counter').val('0');

          $("#fl1").click(function() {
            $('#counter').val(function(i, val) {
              return val == '0' ? 1 : val + 1;
              });
            });

          $("#fl2").click(function() {
          $('#counter').val(function(i, val) {
            return val == '0' ? 2 : val + 2;
            });
          });
        });
      });
    </script>

HTML:

<div id="fl1" style="float:left; margin: 20px 0 0 0; font-weight: bold; display: inline; cursor: pointer;">
   <p>(1)</p>
</div>
<div id="fl2" style="float:left; margin: 20px 0 0 40px; font-weight: bold; display: inline; cursor: pointer;">
   <p>(2)</p>
</div>
<br />
<form method=POST name="test" action="test.php">
   <input type="hidden" name="counter" id="counter">
   <input type="submit" value="Send" >
</form>

0 个答案:

没有答案