Нажмите кнопку, чтобы установить сортируемый элемент jQuery UI на первую позицию.

0

Я пытаюсь добавить следующую функцию в Сортируемую группу div. Я хотел бы иметь кнопку (может быть что-то действительно) в каждом div, который при нажатии будет помещен в первую позицию группы.

<div id="sortable" class="content">
    <div class="tile">
        <div class="tile_header"><span class="header_text">Header 1</span></div>
        This is div 1.
        <br/><input type="button" name="button1" id="button1" value="Make me First"/>
    </div>
    <div class="tile">
        <div class="tile_header"><span class="header_text">Header 2</span></div>
        This is div 2.
        <br/><input type="button" name="button2" id="button2" value="Make me First"/>
    </div>
    <div class="tile">
        <div class="tile_header"><span class="header_text">Header 3</span></div>
        This is div 3.
        <br/><input type="button" name="button3" id="button3" value="Make me First"/>
    </div>
    <div class="tile">
        <div class="tile_header"><span class="header_text">Header 4</span></div>
        This is div 4.
        <br/><input type="button" name="button4" id="button4" value="Make me First"/>
    </div>
</div>

Это divs.

$(function() {  
    $( "#sortable" ).sortable({ 
        handle:".tile_header",
        revert:true
    });  
});

Это мой призыв к сортировке.

Я создал jsFiddle, показывающий, что я имею в виду. Я попытался посмотреть, если это возможно, но не нашел ничего подобного.

Есть идеи?

Теги:
jquery-ui-sortable

2 ответа

2
Лучший ответ
 $(function () {      
    $("input:button").click(function () {
        $(this).parents(".tile").prependTo("#sortable");
    });
 });

http://jsfiddle.net/GrDBW/2/

Поделиться
  • 0
    Отлично. Работает именно так, как мне было нужно. Я, вероятно, буду использовать класс в качестве селектора, потому что у меня будут другие кнопки, но это небольшое изменение.
  • 0
    Да, я собирался упомянуть, что тоже использовал класс, но забыл :)!
Показать ещё 2 комментария
0

Я не думаю, что это правильная разметка для работы вашего кода.

Я читал документацию по jquery sortable() API и из того, что я читал, вам нужно предоставить элементы в списке, даже если вы хотите отобразить его как сетку.

http://jqueryui.com/sortable/#display-grid

Поделиться
  • 0
    Из того, что я прочитал, я не думаю, что они должны быть в списке. Я нашел много примеров, используя только div.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню