Jquery Применение плагинов к «дисплей: нет» элементы

Question

я бегу в одной и той же проблемы снова,

У меня есть некоторые дисплей: Нет элементов на моем сайте, и я cant't применить JQuery плагины на них. Я использую jScrollPane Plugin, например. http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

с:

$(function() 
{ 
    $('.scroll-pane').jScrollPane(); 
}); 

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

$(".hidden").click(
{ 
    $('.hidden').show().jScrollPane(); 
}); 

есть трюк, чтобы сделать эти работы сразу, то есть делает их не игнорировать дисплей: Нет элементы? thx

Answer 1

Вместо того, чтобы использовать display: none, вы можете установить их на visibility: hidden и height: 0, и эти плагины должны работать.

.element { 
    visibility: hidden; 
    height: 0; 
} 

В противном случае, вы должны установить display: inline|block|whatever перед командой плагин называется.

Answer 2

Try делая их видимыми только перед использованием плагина JScrollPane

$(".hidden").click(
{ 
    $(this).css('display:block'); 
    $(this).jScrollPane(); 
});