Как заставить jscrollpane сосуществовать со скриптом аккордеона jquery? - PullRequest
Новая
       41

Как заставить jscrollpane сосуществовать со скриптом аккордеона jquery?

0 голосов
/ 18 ноября 2010

У меня есть сайт, который использует скрипт аккордеона, и я хочу разместить прокрутку внутри одной из вкладок аккордеона. Тем не менее, прокрутка работает просто отлично, но нарушает сценарий аккордеона. Есть ли способ обойти этот конфликт?

Это сайт только с аккордеонным скриптом: http://www.namibiaonline.net/sandbox/NBAA/index9.html

А это сломанный с jscrollpane и скриптом аккордеона: (по какой-то причине мне разрешено вставлять только одну гиперссылку, поэтому, чтобы перейти к неработающей, просто замените /index9.html на /scroll_test.html)

Любая помощь будет высоко ценится :) Ash

Ответы [ 2 ]

0 голосов
/ 19 ноября 2010

У меня была такая же проблема, и вот как я почти решил ее: 

jQuery(document).ready(function() {
scrollPane = jQuery(".scroll-pane").jScrollPane({
        showArrows: true
    });
var api = scrollPane.data('jsp');


jQuery("#accordion").accordion({
            changestart: function(event, ui) {               
                api.reinitialise()                  
            }
        });
}

Убедитесь, что вы определили правильную высоту ширины для контейнеров, которые имеют класс scroll-pane. В моем случае я создал 3 контейнера, как это: 

<div class="scroll-pane">

.scroll-pane { 
overflow: auto;
height: 134px; 
width: 420px;

}

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

Но у меня все еще есть проблема с первой панелью. Он отображается правильно при первой загрузке страницы, но когда я перехожу на другую вкладку аккордеона и затем возвращаюсь к первой, ширина этого элемента устанавливается равной 0. Это происходит только с первой, остальные работают нормально .

0 голосов
/ 18 ноября 2010

Это должно исправить вашу проблему. Попробуйте бета:

http://groups.google.com/group/jscrollpane/browse_thread/thread/c1bc1bf63e3f80d8

и я считаю, что именно в этом и заключалась ваша проблема:

http://jscrollpane.kelvinluck.com/auto_reinitialise.html

...