Jquery 向上/向下单击计数器
听起来很简单,但我很难做到这一点 简单地说,如果在按住shift键的同时单击id为“Counter”的元素,则由Total包装的int值应该上升。如果单击时按住alt键,则它会下降Jquery 向上/向下单击计数器,jquery,html,parsing,counter,Jquery,Html,Parsing,Counter,听起来很简单,但我很难做到这一点 简单地说,如果在按住shift键的同时单击id为“Counter”的元素,则由Total包装的int值应该上升。如果单击时按住alt键,则它会下降 $('#Counter').click(function(x) { if(x.altKey) { $('#Counter').html(parseInt($('#Total').html())-1); } if (x.shiftKey) { $('#Counte
$('#Counter').click(function(x) {
if(x.altKey) {
$('#Counter').html(parseInt($('#Total').html())-1);
}
if (x.shiftKey) {
$('#Counter').html(parseInt($('#Total').html())+1);
}
});
///////////
<div id="Counter"><span id="Total">100</span></div>
$(“#计数器”)。单击(函数(x){
如果(x.altKey){
$('#Counter').html(parseInt($('#Total').html())-1);
}
如果(x.shiftKey){
$('#Counter').html(parseInt($('#Total').html())+1);
}
});
///////////
100
我可以看到您的问题,您想将100
解析为一个数字。你不能这样做。另外,您还将#counter
的html设置为一个数字,这样您就失去了#Total
你想要的是:
$('#Counter').click(function(x) {
if(x.altKey) {
$('#Counter').html(parseInt($('#Counter').html())-1);
}
if (x.shiftKey) {
$('#Counter').html(parseInt($('#Counter').html())+1);
}
});
<div id="Counter">100</div>
$(“#计数器”)。单击(函数(x){
如果(x.altKey){
$('#Counter').html(parseInt($('#Counter').html())-1);
}
如果(x.shiftKey){
$('#Counter').html(parseInt($('#Counter').html())+1);
}
});
100
我可以看到您的问题,您想将100
解析为一个数字。你不能这样做。另外,您还将#counter
的html设置为一个数字,这样您就失去了#Total
你想要的是:
$('#Counter').click(function(x) {
if(x.altKey) {
$('#Counter').html(parseInt($('#Counter').html())-1);
}
if (x.shiftKey) {
$('#Counter').html(parseInt($('#Counter').html())+1);
}
});
<div id="Counter">100</div>
$(“#计数器”)。单击(函数(x){
如果(x.altKey){
$('#Counter').html(parseInt($('#Counter').html())-1);
}
如果(x.shiftKey){
$('#Counter').html(parseInt($('#Counter').html())+1);
}
});
100
您正在覆盖span标记,这就是为什么它只在第一次单击时起作用,之后没有id为Total的span标记
尝试:
您正在覆盖span标记,这就是为什么它只在第一次单击时起作用,之后没有id为Total的span标记 尝试:
它可以在JSFIDLE中工作,但不能在我的实际代码中工作,即使它是相同的。不确定我还能提供什么。似乎我有一个函数,它计算了一个盒子的高度值,处于活动状态,正在干扰它?我把这个窗口函数移到这个计数器后面,突然它工作了。它在JSFIDLE中工作,但在我的实际代码中不工作,尽管它是相同的。不确定我还能提供什么。似乎我有一个函数,它计算了一个盒子的高度值,处于活动状态,正在干扰它?我把这个窗口功能移到这个计数器后面,突然它工作了。
$('#Counter').click(function (x) {
if (x.altKey) {
$('#Total').html((parseInt($('#Total').html()) - 1));
}
if (x.shiftKey) {
$('#Total').html((parseInt($('#Total').html()) + 1));
}
});