我正在使用draggable以下选项:
$("#accountDetailPanel .draggable").draggable({
helper: 'clone',
appendTo: 'body',
cursor: 'move',
revert: 'invalid'
});
$(".accountPod").droppable({ accept: '.draggable' });
我在加载时将draggable应用于jquery UI选项卡的第二个选项卡的内容:
问题是只有第一个拖动工作正常。当我不将拖动器放入可接受的可放置物中时,吊舱会恢复原状,但我无法再拖动。无论如何,被拖拽的吊舱都失去了它的可拖动性。
在尝试将stop函数应用于draggable init时,我将需要嵌套无限的.draggable调用。
完整的脚本:
$(document).ready(function(){
$("#tabs").tabs();
/**
* Click on account pod -> account detail pane is populated
* Inside account detail, tabs pulled dynamically
* Installation List - each installation (home) is movable
*/
$(".accountPod").live("click", function(event){
var account_id = $(this).attr("id").replace("acct_", "");
// load user's details into tab panel (replace all tabs)
$("#accountDetailPanel").load("/accountDetail/" + account_id, function(){
// post-load of tabs html
$("#tabs").tabs();
// init draggables
$("#accountDetailPanel .draggable").draggable({
helper: 'clone',
appendTo: 'body',
cursor: 'move',
revert: 'invalid'
});
$(".accountPod").droppable({ accept: '.draggable' });
});
});
});
由于这个小提琴起作用:http://jsfiddle.net/notbrain/DycY6/41/我肯定认为它与加载标签时动态应用.draggable()有关。
非常感谢任何指针!
答案 0 :(得分:1)
我认为遗憾的是,正在加载的库存在问题。我发现使用jQuery 1.8.5和jQuery-git.js工作。