0

項目をドラッグ アンド ドロップできるようにいくつかのコードを使用しましたが、これはすべて機能します。私が必要とするのは、追加された選択したアイテムを保存できるようにフォームを作成することです.PHP mySQLサイトでこれを行う最良の方法は何ですか.

（私はJoomla Component BTWを構築しています）

       // jQuery Ui Droppable
    $(".basket").droppable({

        // The class that will be appended to the to-be-dropped-element (basket)
        activeClass:"active",

        // The class that will be appended once we are hovering the to-be-dropped-element (basket)
        hoverClass:"hover",

        // The acceptance of the item once it touches the to-be-dropped-element basket
        // For different values http://api.jqueryui.com/droppable/#option-tolerance
        tolerance:"touch",
        drop:function (event, ui) {

            var basket = $(this),
                    move = ui.draggable,
                    itemId = basket.find("ul li[data-id='" + move.attr("data-id") + "']");

            // To increase the value by +1 if the same item is already in the basket
            if (itemId.html() != null) {
                itemId.find("input").val(parseInt(itemId.find("input").val()) + 1);
            }
            else {
                // Add the dragged item to the basket
                addBasket(basket, move);

                // Updating the quantity by +1" rather than adding it to the basket
                move.find("input").val(parseInt(move.find("input").val()) + 1);
            }
        }
    });

    // This function runs onc ean item is added to the basket
    function addBasket(basket, move) {
        basket.find("ul").append('<li data-id="' + move.attr("data-id") + '">'
                + '<span class="name">' + move.find("h3").html() + '</span>'
                + '<input class="count" value="1" type="text">'
                + '<button class="delete">&#10005;</button>');
    }


    // The function that is triggered once delete button is pressed
    $(".basket ul li button.delete").live("click", function () {
        $(this).closest("li").remove();
    });

});
4

1 に答える 1

0

あなたの質問は少し不明確ですが、セッションに従って移動した ID を保存したいだけだと仮定すると、ID を投稿して保存できるサーバー側スクリプトを作成できます。

function addBasket(basket, move) {
   //existing code snipped
   $.post('/addbasket/', {id: move.data('id')}).done(function () {
      console.log('Basket item saved');
   });
}
于 2013-01-28T23:40:52.823 に答える