Как сделать содержимое jScrollPane перетаскиваемым - PullRequest
1 голос
/ 16 января 2012

Я использую jScrollPane для создания эффекта «временной шкалы» в окне с горизонтальной прокруткой.

Используя пользовательский интерфейс jQuery, я применил «перетаскиваемый» к контенту, что делает его перетаскиваемым.

Хотя эти два плагина полностью разделены, поэтому я сталкиваюсь с такими проблемами, как jScrollPane, не зная, куда пользовательский интерфейс jQuery отбросил перетаскиваемый элемент.

Есть ли способ создать эту функцию перетаскивания мышью в jScrollPane, а не в jQuery UI? У него есть полоса прокрутки, которая, безусловно, может быть каким-то образом использована для этой цели?

Ответы [ 2 ]

0 голосов
/ 23 января 2012

Мне удалось обойти эту проблему, сделав jQuery UI «перетаскиваемым», чтобы jScrollPane узнал, когда панель содержимого была удалена:

// Make timeline draggable
jspPane.draggable({
    axis: 'x',
    cursor: 'e-resize',
    stop: function( event, ui ) {
        var offsetXPos = parseInt( ui.position.left );
        api.scrollToX(Math.abs(offsetXPos), false);
    },

    // Stop dragging at edges
    drag: function( event, ui) {

        var pos = ui.position.left;

        if (pos < -timelineWidth + 900 ) {
            jspPane.css('left', -timelineWidth + 900 );
            return false;
        }

        if ( pos >= 0 ) {
            jspPane.css('left', 0);
            return false;
        }

    }
});

Поэтому я могу продолжать использовать пользовательский интерфейс jQuery для перетаскиваемой панели содержимого.

Было бы предпочтительнее сделать так, чтобы jScrollPanel изначально предоставлял эту функциональность.

0 голосов
/ 17 января 2012

Можете ли вы загрузить образец на http://jsfiddle.net с полным использованием HTML, CSS и JavaScript? Затем мы можем посмотреть, что можно сделать.

...