JQuery Drag and Drop: доступ к сортируемым () элементам Div - PullRequest
Новая
       13

JQuery Drag and Drop: доступ к сортируемым () элементам Div

4 голосов
/ 06 сентября 2011

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

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

У кого-нибудь есть идеи, как я могу получить доступ к элементам "dragbox" внутри столбцов, используя цикл? Спасибо всем!

EDIT:

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

   <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);                
        }
    });

1 Ответ

5 голосов
/ 06 сентября 2011

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

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

Вы можете видеть, что toArray работает так же хорошо, как и у вас с идентификаторами.

...