jquery-ui - 剣道UIスプリッター内でドラッグ可能なjQueryUIを使用できませんでした

Question

jqueryUIドラッグ可能を使用してkendoSplitter内の要素をドラッグしようとしましたが、できません。誰かがz-indexをより高く設定することを提案しました、しかし私でさえこれを解決することができませんでした。 ここでjsfiddleサンプル

jsfiddleの例でそれを解決する方法を誰かが提案してください。ありがとうございました

Answer 1

Jqueryのドラッグ可能なイベントdragstartがDOMツリーをバブルアップし、水平要素がドラッグスタートイベントを引き継ぎます。

私はあなたの例を取り上げて、＃horizo​​ntalからイベントを単純にアンバウンドしました

$(document).ready(function(e)
{
    var win_width = $(document).width();
    var win_height = $(document).height();
    var top_pane_height = 50;
    var bottom_pane_height = 50;
    var middle_pane_height = win_height - (top_pane_height + bottom_pane_height);
    var kendoElement = $("#horizontal").css('height', middle_pane_height).kendoSplitter(
    {
        orientation:'horizontal',
        panes:
        [
            { size: "18%", collapsed: false, collapsible: true, resizable: false},
            { collapsible: false, resizable: false },
            { size: "18%", collapsed: false, collapsible: true, resizable: false}
        ]
    });
    $("#panelBar").kendoPanelBar();
    var draggable = $('#center-pane').find(".draggable").draggable({stack: "#center-pane"});
    kendoElement.unbind('dragstart');
});​