jquery UI draggable helper:clone从原来删除draggable?

时间:2011-03-15 05:45:01

标签: jquery jquery-ui-tabs jquery-ui-draggable

我正在使用draggable以下选项:

$("#accountDetailPanel .draggable").draggable({
    helper: 'clone',
    appendTo: 'body',
    cursor: 'move',
    revert: 'invalid'
});         
$(".accountPod").droppable({ accept: '.draggable' });

我在加载时将draggable应用于jquery UI选项卡的第二个选项卡的内容:

enter image description here

问题是只有第一个拖动工作正常。当我不将拖动器放入可接受的可放置物中时,吊舱会恢复原状,但我无法再拖动。无论如何,被拖拽的吊舱都失去了它的可拖动性。

enter image description here

在尝试将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()有关。

非常感谢任何指针!

1 个答案:

答案 0 :(得分:1)

我认为遗憾的是,正在加载的库存在问题。我发现使用jQuery 1.8.5和jQuery-git.js工作。