Как сделать содержимое jScrollPane перетаскиваемым

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

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

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

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


jquery jscrollpane jquery-jscrollpane
person AlecRust    schedule 16.01.2012    source источник

Ответы (2)


arrow_upward
0
arrow_downward

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

person manish    schedule 17.01.2012
comment
Я легко могу объяснить, что мне нужно. Демонстрацию jScollPane можно найти здесь: jscrollpane.kelvinluck.com/basic.html I ' m хочет сделать содержимое перетаскиваемым с помощью мыши, а не только с помощью полос прокрутки. - person AlecRust; 19.01.2012
comment
Спасибо за эти демоверсии! Однако элементы на панели содержимого не нужно перетаскивать, фактическая панель содержимого должна быть перетаскиваемой, таким образом прокручивая jScrollPane. - person AlecRust; 23.01.2012
comment
Захватило ли хоть одно из этих демо то, чего вы хотели достичь? Пожалуйста, дайте мне знать, какой из них наиболее соответствует вашим требованиям. Я никогда не пробовал использовать эти два плагина вместе, но для меня было хорошим упражнением попробовать их вместе. - person manish; 23.01.2012
comment
Боюсь, что нет, поскольку я говорю, что все, что находится на панели содержимого, не нужно перетаскивать, сама панель содержимого должна быть перетаскиваемой, что позволяет прокручивать окно при перетаскивании. - person AlecRust; 23.01.2012
comment
Удачи с этим? Я ищу плагин панели / перетаскиваемой временной шкалы, где я могу перетаскивать блоки содержимого по временной шкале, чтобы обновить атрибут datetime с помощью knockoutJS. Поле содержимого должно быть div с любым содержимым UI / HTML в нем. Использование должно быть в качестве схемы планирования ... (подумайте о MS Project) - person Asle G; 27.12.2013

arrow_upward
0
arrow_downward

Мне удалось обойти эту проблему, сделав пользовательский интерфейс jQuery «перетаскиваемым», чтобы 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 изначально предоставлял эту функцию.

person AlecRust    schedule 23.01.2012