我正在研究利用 jquery ui 可拖/可放的概念验证。
我正在寻找一种方法来将变量设置为等于放入可放置区域的 div 的索引。 (假设我有名为“div0”、“div1”、“div2”等的 div...)
想象一下代码看起来像这样:
<div id="div0" class="draggableDiv">some cotent</div>
<div id="div1" class="draggableDiv">more content</div>
<div id="div2" class="draggableDiv">yet more content</div>
<div class="droppableDiv">drop it here</div>
$(document).ready(function() {
$('.draggableDiv').draggable({helper: 'clone'});
$('.droppableDiv').droppable({
accept: '.draggableRecipe',
drop: function(ev, ui) {
ui.draggable.clone().fadeOut("fast",
function() {
$(this).fadeIn("fast")
}).appendTo($(this).empty());
// function to set someVar = div[index];
}
});
});
我不确定如何最好地实现这一点,因此如果有人有任何建议,我将不胜感激。
谢谢!
最佳答案
<div id="div0" class="draggableDiv">some cotent</div>
<div id="div1" class="draggableDiv">more content</div>
<div id="div2" class="draggableDiv">yet more content</div>
<div id='dropplace' class="droppableDiv">drop it here</div>
<script language='javascript'>
$(document).ready(function() {
$('.draggableDiv').draggable({helper: 'clone'});
$('.droppableDiv').droppable({
accept: '.draggableDiv', //changed this, it was originally 'draggableRecipe'
drop: function(ev, ui) {
//get the index of dropped draggable div
var divIndex = $('div').index(ui.draggable)
alert(divIndex) //alert the divIndex to see the result
ui.draggable.clone().fadeOut("fast",
function() {
$(this).fadeIn("fast")
}).appendTo($(this).empty());
}
});
});
</script>
测试了这个,它对我有用,希望也对你有用。祝你好运
关于javascript - 使用 jquery Draggable/droppable 设置放置变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/517137/