Мобильный складной переход JQuery

Question

Мобильный складной переход JQuery

0

Кто-нибудь смог добавить переход слайда к свойству JQuery Collapsible?

Я пытаюсь создать список, который сбрасывается с помощью data-inset = "false", а когда пользователь удаляет элемент меню, свернутая секция выйдет из строя.

Вот пример того, что я пытаюсь сделать (но с JQuery Mobile), однако в этом примере переход не такой гладок, как мне бы хотелось: http://www.designgala.com/demos/collapse -expand-jquery.html

Идеи?

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

Jake Chasan 20 март 2014, в 21:32

Источник

0

У вас есть пример кода, который мы могли бы помочь исправить? Я бы посоветовал разместить ваши данные внутри div, у которого есть overflow:hidden затем анимирующий контейнер div, открытый, в то время как div внутри него растягивается до нужной высоты
ntgCleaner 20 март 2014, в 20:24
0

Мне действительно было интересно, может ли кто-нибудь предоставить пример кода, поскольку я не уверен, с чего начать с переходов.
Jake Chasan 20 март 2014, в 20:25
0

взгляните на jQuery .slideUp и .slideDown api.jquery.com/slideUp . Они оба работают с мобильным и довольно гладко, если вы делаете их правильно
ntgCleaner 20 март 2014, в 20:27
0

возможный дубликат пользовательской анимации для разборного набора, не работающего в jQuerymobile 1.4.0
Omar 22 март 2014, в 22:39

Показать ещё 2 комментария

Теги:

jquery

animation

jquery-mobile

1 ответ

Ещё вопросы

У вас есть пример кода, который мы могли бы помочь исправить? Я бы посоветовал разместить ваши данные внутри div, у которого есть overflow:hidden затем анимирующий контейнер div, открытый, в то время как div внутри него растягивается до нужной высоты
Мне действительно было интересно, может ли кто-нибудь предоставить пример кода, поскольку я не уверен, с чего начать с переходов.
взгляните на jQuery .slideUp и .slideDown api.jquery.com/slideUp . Они оба работают с мобильным и довольно гладко, если вы делаете их правильно
возможный дубликат пользовательской анимации для разборного набора, не работающего в jQuerymobile 1.4.0

Noah Ratcliff · Accepted Answer · 2014-07-14T15-19-00.000Z

Здесь очень простой и лаконичный бит JS, который я использую для анимации моих разборных наборов.

$(document).on('pageinit', function(){
    $("[data-role='collapsible']").collapsible({

        collapse: function( event, ui ) {
            $(this).children().next().slideUp(150);
        },
        expand: function( event, ui ) {
            $(this).children().next().hide();
            $(this).children().next().slideDown(150);
        }

    });
});

Вот демо в JSFiddle.

Хм, это не сработало для меня без аргумента pageinit page.
На самом деле, проблема в том, что я пытаюсь заставить это работать на складных объектах, которые вводятся в dom через ajax после события pageinit, я думаю.