Jquery ui 将图元拖动到第一个位置
如果Jquery ui 将图元拖动到第一个位置,jquery-ui,Jquery Ui,如果containment设置为parent,则将元素拖动到第一个位置时会出现问题。我需要这个设置,但我还需要将一些元素移到顶部。但令人遗憾的是,没有足够的空间来做这件事。有时这是可能的,但主要是不可能的 我尝试在父项中添加上/下填充/边距,但没有成功 有解决办法吗 下面是您可以尝试在上面添加一个“隐藏”元素,如下所示: $('.parent').sortable({ axis: "y", containment: "parent" }); 但是,如果将其拖动到不可见元素上方,它将不会释放 这
containment
设置为parent
,则将元素拖动到第一个位置时会出现问题。我需要这个设置,但我还需要将一些元素移到顶部。但令人遗憾的是,没有足够的空间来做这件事。有时这是可能的,但主要是不可能的
我尝试在父项中添加上/下填充/边距,但没有成功
有解决办法吗
下面是您可以尝试在上面添加一个“隐藏”元素,如下所示:
$('.parent').sortable({
axis: "y",
containment: "parent"
});
但是,如果将其拖动到不可见元素上方,它将不会释放
这是一个您可以添加一个包含div并将其设置为包含吗?e、 g:
.hidden {
visibility: hidden;
height: 0;
}
及
这似乎对小提琴很管用。Hm,很有趣。它是有效的,尽管隐藏的el。将干扰我现有的许多js和php函数,但是。。。比方说,解决了
<div class='parent'>
<div class='children hidden'></div>
<div class='children'>1234</div>
<div class='children'>5678</div>
<div class='children'>9101</div>
<div class='children'>I WANT TO BE FIRST</div>
</div>
.hidden {
visibility: hidden;
height: 0;
}
<div id="outer">
<div class='parent'>
<div class='children'>1234</div>
<div class='children'>5678</div>
<div class='children'>9101</div>
<div class='children'>I WANT TO BE FIRST</div>
</div>
</div>
$('.parent').sortable({
axis: "y",
containment: "#outer"
});
#outer {
padding-top: 1px;
}