0

ボタンを押すと、2 つの機能が発生します。最初の関数は「item1」がカートに追加され、2番目の関数はボタン画像が「add.png」から「minus.png」に変更されます。ボタンを「minus.png」に切り替えた後、ボタンをもう一度押すと、アイテムがカートから削除され、画像が元の「add.png」に遷移します。 http://simplecartjs.org/documentation/simplecart-item-remove

実際のボタンのサンプル: http://jsfiddle.net/9kmun19z/

<img id="button" onclick="addbeat(event);changeImage()" name="item1" src="add.png"/>

<script>
function addbeat(event) {
simpleCart.add({
     name: event.target.name,
     price: .99
 });
}
function changeImage() {
    var image = document.getElementById('button');
    if (image.src.match("minus")) {
        image.src = "add.png";
    } else {
        image.src = "minus.png";
simpleCart.item.remove();({
     name: event.target.name,
     price: .99
 });
    }
}
</script>

4

4 に答える 4

0

少しいじりましたが、Kadgedboy が推奨する Jquery と関数内の quantity=1 および quantity=-1 を使用して、目的の効果を得ることができました.1 つのことは、Jquery 1.7 以下が新しいバージョンでは toggle() 機能が削除されたため、インストールされました。

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


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

于 2015-03-18T16:54:40.537 に答える
0

シンプルなカートの削除を間違ったブランチに入れたようです - マイナスボタンが表示されているときにアイテムを削除したい

function changeImage() {
 var image = document.getElementById('button');
 if (image.src.match("minus")) {
   simpleCart.item.remove();({
     name: event.target.name,
     price: .99
     });
   image.src = "add.png";
   } else {
   image.src = "minus.png";
   }

}

于 2015-03-18T05:25:40.230 に答える