vue购物车里面的加减按钮滚动后才生效是怎么回事

Posted 2023-05-03

参考技术A 使用键盘上“Scroll Lock ”键的开关或打开，来进行控制：

如果自定义状态栏出现“滚动”字符说明“Scroll Lock ”键被按下，选定的单元格已锁定，当按键盘翻页键（page up、page down）键，或按动光标键时。选定单元格不会变化，但表格试图相对位置会变化。
如果自定义工具栏中”滚动“字符消失，那么说明“Scroll Lock ”键已解锁，这是按动键盘翻页键（page up、page down）键，或按动光标键时。选定单元格跟随按键变化。

用jquery 实现购物车里面的商品添加或者减少的功能

HTML
<div class="gw_num">
<em class="jian">-</em>
<input type="text" value="1" class="num"/>
<em class="add">+</em>
</div>

css

.gw_num{border: 1px solid #dbdbdb;width: 110px;line-height: 26px;overflow: hidden;}
.gw_num em{display: block;height: 26px;width: 26px;float: left;color: #7A7979;border-right: 1px solid #dbdbdb;text-align: center;cursor: pointer;}
.gw_num .num{display: block;float: left;text-align: center;width: 52px;font-style: normal;font-size: 14px;line-height: 24px;border: 0;}
.gw_num em.add{float: right;border-right: 0;border-left: 1px solid #dbdbdb;}

jQuery

$(document).ready(function(){
//加的效果
$(".add").click(function(){
var n=$(this).prev().val();
var num=parseInt(n)+1;
if(num==0){ return;}
$(this).prev().val(num);
});
//减的效果
$(".jian").click(function(){
var n=$(this).next().val();
var num=parseInt(n)-1;
if(num==0){ return}
$(this).next().val(num);
});
})