Jquery ui JQuery UI出现问题';可下拉式';
这就是我遇到的问题: 我已经创建了几个可拖动的元素,但是当我将其中一个放到可拖放的元素上时,它就不会停留在那里了。 下面是更多的细节 My JavaScript函数从PHP接收JSON数组,然后使用循环创建可拖动元素:Jquery ui JQuery UI出现问题';可下拉式';,jquery-ui,drag-and-drop,Jquery Ui,Drag And Drop,这就是我遇到的问题: 我已经创建了几个可拖动的元素,但是当我将其中一个放到可拖放的元素上时,它就不会停留在那里了。 下面是更多的细节 My JavaScript函数从PHP接收JSON数组,然后使用循环创建可拖动元素: <script type="text/javascript"> function init() { var items = <?php echo $result_j;?>; //items is an one dimensional
<script type="text/javascript">
function init() {
var items = <?php echo $result_j;?>; //items is an one dimensional array
for ( var i=0; i<<?php echo $total_rows_j;?>; i++ ) {
$('<div>' + items[i] + '</div>').data( 'item_name', items[i] ).attr( 'class', 'snk_button' ).appendTo( '#drag' );
}
到目前为止,一切似乎都如预期的那样,我可以拖动我的元素(从“items”数组创建)
接下来,我创建了droppable元素,如下所示:
$( "#dropp" ).droppable({
drop: function() {
alert('ok');
}
});
}// End function init()
</script>
$(“#dropp”).dropable({
drop:function(){
警报(“正常”);
}
});
}//结束函数init()
但是,当我在这个可拖放元素上拖动一个可拖放元素时,我甚至会收到警报,但可拖放元素不会停留在可拖放元素上
有人能帮我确定为什么我的可拖动元素没有停留在可拖放元素上吗
提前感谢您的帮助 您使用了
还原:true
。。这意味着
Revert表示如果设置为true,则在拖动停止时,元素将返回其开始位置。可能的字符串值:“有效”、“无效”。如果设置为无效,则只有在未将可拖放设备放置在可拖放设备上时,才会发生还原。对于valid,情况正好相反
可能您需要
无效
,以防您的可拖动
元素未放置在正确的元素上非常感谢您为我指明了正确的方向。
我通过以下方式解决了这个特殊问题:
我已经编辑了我的可拖放代码,如下所示:
$( "#filtered" ).droppable(
drop: handleDrop
});
function handleDrop( event, ui ) {
ui.draggable.draggable( 'option', 'revert', false );
} // End function handleDrop
这解决了Dragable不能停留在Dragable上的问题(如前所述)。REvert=true意味着它将在dragHi Ashish停止时恢复到原来的位置,不确定如何“对此提出疑问”,因此,我创建了另一个帖子,可以在这里找到:
$( "#filtered" ).droppable(
drop: handleDrop
});
function handleDrop( event, ui ) {
ui.draggable.draggable( 'option', 'revert', false );
} // End function handleDrop