我有以下代码,即使页面刷新后,计数器也没有重置。请帮我重置“柜台”。如果有任何拼写错误或编码很脏,也请原谅。
脚本:
$(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>