JQuery Перетаскивание: доступ к Sortable() Divs

Question

Я внедрил JQuery Drag and Drop в свой веб-сайт. Он отлично работает, однако, я пытаюсь получить доступ к div, который сортируется, но с большим трудом выбирает его.

Итак, я пытаюсь выбрать каждый «dragbox» внутри каждого столбца. Обычно это простая работа, но по какой-то причине я не могу получить к ней доступ и не вижу ее в FireBug.

Есть ли у кого-нибудь идеи, как я могу получить доступ к элементам «dragbox» внутри cols с помощью цикла? Спасибо всем!

EDIT:

Я также использовал находку(), и это не сработало

<div class="column" id="col1"> 

     <div class="dragbox" id="item1" > 
      control goes here 
     </div> 
     <div class="dragbox" id="item1" > 
      <!-- control goes here --> 
     </div> 
    </div> 


    <div class="column" id="col2">    
     <div class="dragbox" id="item3" > 
      <!-- control goes here --> 
     </div> 
    </div> 

Я использую следующие JQuery:

$('.column').sortable({ 
     connectWith: '.column', 
     handle: '.widget-header-holder', 
     cursor: 'move', 
     placeholder: 'placeholder', 
     forcePlaceholderSize: true, 
     opacity: 0.4, 
     stop: function(event, ui) { 
      $(ui.item).find('.widget-header-holder').click(); 
      var sortorder = ''; 
      $('.column').each(function() { 
       var itemorder = $(this).sortable('toArray'); 
       var columnId = $(this).attr('id'); 
       sortorder += columnId + '=' + itemorder.toString() + '&'; 
      }); 
      /*alert('SortOrder: ' + sortorder);*/ 
      console.log(sortorder);     
     } 
    }); 

Answer 1

Я играл с демо-кода некоторые, и это, кажется, работает нормально для меня.

http://jsfiddle.net/U24TS/1/

Вы можете увидеть ToArray действительно работает, а до тех пор, пока у вас есть идентификаторы.