慕慕森
2022-10-08 17:15:51
我有一個讓我發(fā)瘋的“輸入”。輸入從 PHP 函數(shù)“回顯”到 HTML 頁面中。 '<td class="product-quantity" data-title="Quantity"> <div class="quantity"> <label class="screen-reader-text" for="quantity_5ed41a96cc5c6">Casual shirt quantity</label> <input type="number" id="input'.$e.'" class="qtychg input-text qty text" step="0.5" value="'.$arr[$e]['quantity'].'" size="4" inputmode="numeric" /> <span class="product-qty-arrows"> <span id="'.$e.'" class="product-qty-increase lnr lnr-chevron-up"></span> <span id="'.$e.'" class="product-qty-decrease lnr lnr-chevron-down"></span> </span> </div> </td>'我可以使用調(diào)用以下 javascript 腳本的 span "class="product-qty-increase" 來增加/減少輸入值:<script>$('span').click(function (){var Id=$(this).attr('id');var val=$('#input'+Id).val();var className= this.className;if(className == "product-qty-increase lnr lnr-chevron-up"){ val++;}else if(className == "product-qty-decrease lnr lnr-chevron-down"){ val--;}alert(val); $.ajax({ type: "POST", url: "actions.php?action=chgQty", data: "key=" + Id +"&val=" + val , success: function(result) { location.reload(); } })});</script>讓我發(fā)瘋的問題是 2:1)“警報(val);” 彈出兩次?。。?!一個帶有正確的數(shù)字,第二個帶有“未定義”2) 顯然我不能發(fā)送 $.ajax 調(diào)用,因為值變成了未定義的。任何想法???
1 回答

慕雪6442864
TA貢獻(xiàn)1812條經(jīng)驗 獲得超5個贊
原因是您有嵌套的跨度,并且您將事件處理程序綁定到所有這些跨度。當(dāng)您單擊向上或向下跨度時,事件也會冒泡<span class="product-qty-arrows">并在那里觸發(fā)。
使用更具體的選擇器,因此您只綁定到向上和向下按鈕。
$('span.lnr').click(function() {
var Id = $(this).attr('id');
var val = $('#input' + Id).val();
if ($(this).hasClass("product-qty-increase")) {
val++;
} else if ($(this).hasClass("product-qty-decrease")) {
val--;
}
alert(val);
$.ajax({
type: "POST",
url: "actions.php?action=chgQty",
data: {key: Id, val: val},
success: function(result) {
location.reload();
}
})
});
添加回答
舉報
0/150
提交
取消