Question

我正在尝试使用jQuery UI拖放功能制作购物车。见：https://jsfiddle.net/m3x1k8Lu/ 我的问题是如何避免重复项目。我想制定一个限制，以便没有人可以将更多的L2添加到购物车。

function changeImage() {
    var image = document.getElementById('myImage');
    if (image.src.match("http://www.w3schools.com/js/pic_bulbon.gif")) {
        image.src = "http://www.w3schools.com/js/pic_bulboff.gif";
    } else {
        image.src = "http://www.w3schools.com/js/pic_bulbon.gif";
    } }

由于

Answer 1

这里更新的小提琴：https://jsfiddle.net/m3x1k8Lu/1/

我们只接受一个特定的类，并在删除时将其从draggable中删除：

accept: ".special",
drop: function (event, ui) {
  $(ui.draggable).removeClass('special');

问题是我必须从accept事件中删除选择器：:not(.ui-sortable-helper)。你必须弄清楚如何使用这种格式的多个选择器

没有重复的jQuery UI可放置

1 个答案: