0

目前我有一组 div，由 php 动态生成，它们的 id 都以“itembox”开头，并附加了一个计数。我在页面上有一个可放置的垃圾箱区域，以便用户可以通过拖放到垃圾箱中来删除单个项目框。

我的问题是，当我拖动原始文件时，droppable 似乎不会激活，而当我有 helper: 'clone' 集时它会（完美地）起作用。不幸的是，当拖动时，克隆函数从 itembox 的第一次迭代中获取它的克隆，无论实际拖动哪个 itembox。

因此，我正在寻找一种解决方案，以使 droppable 接受原始文件或强制克隆功能从实际拖动的 itembox 中获取其克隆。

4

2 回答 2

1

我想问题一定出在您的可放置初始化程序的接受选项上。只需尝试以下操作：

$('#mydroppable').droppable(
{
    accept: function() { return true; },
    drop: function () { alert("Dropped!"); }
});

现在这将接受所有内容，因此您可能应该在接受函数中实现一些过滤，但无论如何这应该可以工作。

于 2008-11-12T13:51:13.600 回答
0

您也可以尝试以下解决方案。

<script type="text/javascript">
$(document).ready(function(){
    $('.srcfield').draggable({
        revert: true    
    });

    $('#trash').droppable({
        accept : ".srcfield",
        over: function(){
            $(this).removeClass('out').addClass('over');
        },`enter code here`
        out: function(){
            $(this).removeClass('over').addClass('out');
        },
        drop: function(ev, ui){
            //var answer = confirm('Delete this item?');
            var theTitle = $(ui.draggable).attr("title");
            $(this).html("<u>"+theTitle+"</u><br/> is deleted!");
        }
    });
});
</script>


<body>
    <div id="trash" class="out">
            <span>Trash</span>
    </div>
    <div id="sourcefields">
            <div class="srcfield" title="First Name"><span>First Name</span></div>
            <div class="srcfield" title="Last Name"><span>Last Name</span></div>
            <div class="srcfield" title="Age"><span>Age</span></div>
    </div>
</body>
于 2011-11-17T13:02:55.043 回答