У меня странная проблема с jscrollpane. Я кодирую горизонтальную галерею изображений с помощью полосы прокрутки и колесика мыши. Изображения загружаются с помощью функции load () jquery. Но если я загружаю новый контент несколько раз, jscrollpane прекращает повторную инициализацию и не отображает полосу прокрутки.
Вот мой код:
$(window).load( function() {
var element = $('.scroll-pane').jScrollPane(
{
maintainPosition: true,
autoReinitialise: false,
animateScroll: true
});
var api = element.data('jsp');
element.bind(
'mousewheel',
function (event, delta, deltaX, deltaY)
{
api.scrollByX(delta * 360);
return false;
}
).bind(
'mouseup',
function() {
var pos = api.getContentPositionX();
var width = api.getContentWidth();
var foo = pos/200.0;
var jda = Math.floor(foo);
var bar = foo-jda;
var newpos;
if(bar < 0.5){
newpos = jda * 200;
}
else {
newpos = (jda+1)*200;
}
api.scrollTo(newpos);
});
$('.loadit').bind(
'click',
function () {
var load_content = $(this).attr('link');
api.getContentPane().empty();
api.getContentPane().load(
load_content,
function()
{
api.reinitialise();
});
return false;
});
Я что-то не так делаю?