將jquerys .toggle（）改寫成.click（）函數

Question

當點擊類「按鈕」的「add.png」圖像時，它會將項目添加到購物車並轉換爲「remove.png」當它再次被點擊時將從購物車中刪除該項目並將其轉換回原來的「add.png」

這適用於Jquery 1.7及更低版本，但是.toggle（）功能已從較新版本的Jquery中刪除。

期望得到的結果是預製棒完全相同的任務。點擊與（），而不是.toggle（）

<img class="button" data-product-id="Item1" src="add.png" /> 
 

 
<script> 
 
$(".button").toggle(function(){ 
 
    //first functon here 
 
    simpleCart.add({ 
 
    name: $(this).attr("data-product-id"), 
 
    price: .99, 
 
\t quantity: 1 
 
    }); 
 
    //we set src of image with jquery 
 
    $(this).attr("src", "remove.png"); 
 
},function(){ 
 
    //second function here 
 
    //simplecart remove function here, this isjust example, adjust with your code 
 
\t simpleCart.add({ 
 
    name: $(this).attr("data-product-id"), 
 
    price: .99, 
 
\t quantity: -1 
 
    }); 
 
    $(this).attr("src", "add.png"); 
 
}); 
 

 
</script>

Answer 1

你會使用一個標誌，而不是

$(".button").on('click', function(){ 
    var flag = $(this).data('flag'); 

    simpleCart.add({ 
     name  : $(this).attr("data-product-id"), 
     price : .99, 
     quantity : (flag ? 1 : -1) 
    }); 

    $(this).attr("src", flag ? "remove.png" : "add.png") 
      .data('flag', !flag); 
}); 

但