[英]How can I add draggable and droppable event listeners with jQuery mobile?
[英]How can I initialize a draggable on a droppable in Jquery?
我正在用jquery做一个益智游戏,并且正在使用可拖动和可放置。 拼图从队列中的6个块开始,我希望能够将块从拼图板上移回队列,但现在我只能将它们移动到板上。 我正在通过在队列中添加一个可投放对象来解决此问题,但是我不知道如何在初始化时将可拖放片段放入可投放队列中。 提前致谢!
Jsfiddle: http : //jsfiddle.net/p8tpn5e6/
下面是可放置队列的创建,然后是片段创建。 我想将片段放入加载队列中。
function init() {
// Create Queue
for ( var i=0; i<6; i++ ) {
$('<div>' + 'q' + [i] + '</div>').attr( 'id', 'queue'+numbers[i] ).appendTo( '#queuePile' ).droppable( {
accept: '#tilePile div',
hoverClass: 'hovered',
drop: handleTileDrop,
} );
}
// Create the pile of tiles
for ( var i=0; i<6; i++ ) {
$('<div>' + numbers[i] + '</div>').data( 'number', numbers[i] ).attr( 'id', 'card'+numbers[i] ).appendTo( '#tilePile' ).draggable( {
containment: '#content',
stack: '#tilePile div',
cursor: 'move',
revert: 'invalid'
} );
}
所以我想出了一种使用CSS的方法。 我只是在同一位置初始化了可放置队列和可拖动片段。 然后通过将css z-index设置为1来将可拖动对象设置在顶部。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.