javascript - 单击时图像在 Google Chrome 浏览器上跳转

Question

下面的代码完美运行，但是，在 Chrome 中，单击按钮时，类“platters-basket-update-button”中的图像会向下移动几个像素。直到页面刷新它才再次移动？

<div class="menu-two-column-product-main-cell-right-button-plus plus">
 <a class="formqtyplus plus">+</a>
</div>
<div class="new-qty-box-update">
 <input name="update" value="" type="submit" class="platters-basket-update-button">
</div>

<script>
$(document).ready(function(){
$(".input a").click(function () {
var inputEl = $(this).parent().parent().children().next().children();
var qty = inputEl.val();
if ($(this).parent().hasClass("plus"))
qty++;
else
qty--;
if (qty < 0)
qty = 1;
inputEl.val(qty);
})
});
</script>

Answer 1

在 click() 函数上添加 return false 怎么样？

http://jsfiddle.net/fedmich/rh4Bw/1/

$(document).ready(function(){
    $(".input a").click(function () {
        var inputEl = $(this).parent().parent().children().next().children();
        var qty = inputEl.val();
        if ($(this).parent().hasClass("plus"))
        qty++;
        else
        qty--;
        if (qty < 0)
        qty = 1;
        inputEl.val(qty);


        return false;       //Prevents the "JUMP" on browser
    })
});