gpt4 book ai didi

jquery-ui - 我无法在 kendo ui splitter 中使用 jQueryUI Draggable

转载 作者:行者123 更新时间:2023-12-02 23:29:02 26 4
gpt4 key购买 nike

我尝试使用 jqueryUI Draggable 拖动 kendoSplitter 内的元素,但它不能。有人建议将 z-index 设置为更高,但即使我也无法解决这个问题。 Here jsfiddle sample

请任何人建议用 jsfiddle 示例解决它的方法。谢谢

最佳答案

Jquery 可拖动事件 dragstart 在 DOM 树中冒泡,并且水平元素接管了 Dragstart 事件。

我采用了您的示例,只是将事件与#horizo​​ntal解除绑定(bind)

$(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');
});​

关于jquery-ui - 我无法在 kendo ui splitter 中使用 jQueryUI Draggable,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11140757/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com