[英]Image jumps down on Google Chrome Browser on click
下面的代碼可以完美地工作,但是,在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>
如何在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
})
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.