Jquery UI перетаскиваемый помощник: клон удаляет перетаскиваемый из оригинала? - PullRequest
Новая
       16

Jquery UI перетаскиваемый помощник: клон удаляет перетаскиваемый из оригинала?

1 голос
/ 15 марта 2011

Я использую Draggable со следующими параметрами: 

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

Я применяю Draggable к содержимому 2-й вкладки вкладки пользовательского интерфейса jquery при загрузке:

enter image description here

Проблема только в том, что первое перетаскивание работает нормально.Когда я не опускаю перетаскиваемый предмет в приемлемый предмет сбрасывания, стручок возвращается назад, но я не могу сделать еще одно перетаскивание.Несмотря ни на что, перетаскиваемый модуль теряет свою перетаскиваемость.

enter image description here

Пытаясь применить функцию остановки к перетаскиваемому 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 Ответ

1 голос
/ 14 июля 2011

Я думаю, что проблема, к сожалению, в загружаемых библиотеках.Я обнаружил, что использование jQuery 1.8.5 и jQuery-git.js работает.

...