Почему прокрутка не работает в моем jQuery UI? - PullRequest
Новая
       12

Почему прокрутка не работает в моем jQuery UI?

9 голосов
/ 22 марта 2010

У меня проблемы с использованием сортируемой функции пользовательского интерфейса jQuery. Кажется, свиток не работает.

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

Это мой HTML-код: 

<ul>
    <li>
        <ul>
            <li>
                <table class="treeleerling">
                    <tbody class="oder0">

                        <tr class="suborder0">

                        </tr>
                        <tr class="sub1order">

                        </tr>
                    </tbody>
                </table>
            </li>
        </ul>
    </li>
    <li>
        <ul>
            <li>
                <table class="treeleerling">
                    <tbody class="oder1">

                        <tr class="suborder0">

                        </tr>

                        <tr class="suborder1">

                        </tr>
                    </tbody>
                </table>
            </li>
        </ul>
    </li>
</ul>

И код JQuery 

$(document).ready(function() {
    $("#left tbody").sortable({
            connectWith : '#left tbody',
            scroll : true,
            scrollSensitivity: 40,
    });
});

Сортировка работает нормально, а прокрутка - нет .. Я что-то не так делаю или что?

Обновление: Я изменил код, чтобы использовать только элементы списка в списке вместо строк таблицы в теле таблицы. Та же проблема все еще возникает

Ответы [ 3 ]

12 голосов
/ 22 апреля 2010

Это может не относиться к вашему случаю, но я подумал, что опубликую свое решение проблемы скроллинга с сортировкой jQuery, которая у меня была. Я не использую прокрутку div. Чтобы заставить работать прокрутку, мне пришлось удалить эту строку из моей таблицы стилей: 

body {
  overflow-x: hidden; /* this line kept page scrolling from working */
}

Я также установил для сортируемой опции «локализация» значение «документ» (что предотвращало перетаскивание элемента влево / вправо со страницы, что также было мне нужно).

3 голосов
/ 30 июня 2016

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

Была эта проблема, и мне пришлось удалить следующую строку из моего CSS: 

#sortable{overflow: auto;} /*delete this */

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

0 голосов
/ 22 марта 2010

Извините, я не могу обнаружить ошибку в вашем коде из-за моего ограниченного понимания библиотеки jQuery UI.Кстати, где код для прокрутки вниз до точки назначения?

Вот еще один способ обойти эту проблему, используйте другой плагин jQuery: ScrollTo .

Чтобы использовать это просто, как только плагин загружен, используйте код как это: 

$.scrollTo('#your_target_element_id');

Я использовал его в своих проектах, и, кажется, все еще в порядке с jQuery 1.4.2

Надеюсь, это поможет:)

...