我有以下设置:
<asp:treeview cssclass="draggable"><items...> <table />
我将其设置为能够使用 jQuery 将项目从树视图拖到表中:
$(".draggable").draggable({ helper: "clone", cursorAt: { left: -10, top: -10} })
因此,在拖动时,克隆的目的是保持在当前鼠标位置的下方,以使用户更容易。
但是,当打开的节点将它推到一个简单的内容页面之外时,我现在需要使树视图可滚动(垂直),否则拖放对用户来说变得太难了。
为此,我在树视图周围放置了一个可滚动的 div,如下所示:
<div style="padding-right: 20px; overflow: auto; overflow-x: hidden; height: 300px;"> <asp:treeview cssclass="draggable"><items...></div> <table />
这可以按预期工作,但现在的问题是 - 在拖动时 - 克隆的元素不再位于鼠标位置下方,而是向下,这对用户来说当然非常混乱。
我试过删除 draggable() 方法的“cursorAt”属性,但这没有帮助。
所以似乎 div 的固定高度弄乱了克隆元素的位置......知道如何解决这个问题吗?