我無法在ken​​do ui splitter中使用jQueryUI可拖拽

Question

我嘗試使用jqueryUI拖拽來拖拽kendoSplitter中的元素，但它不能。有人建議設置z-索引更高，但即使我無法解決這個問題。 Here jsfiddle sample

請任何人建議用jsfiddle示例解決它的方法。 謝謝

Answer 1

Jquery可拖動事件dragstart向上冒泡DOM樹和水平元素接管dragstart事件。

我已經採取了你的榜樣，並簡單地從#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'); 
});​ 

解開事件