拖動元件至第一位置

<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>

JS拖動元件至第一位置

$('.parent').sortable({ 
axis: "y", 
containment: "parent" 
});

有如果containment設置爲parent拖動元件至第一位置的問題。我需要這些設置，但我也需要將一些元素移到頂部。但它接縫沒有足夠的空間去做。有時它是可能的，但主要是 - 它不是。

我試着給parent加上頂部/底部填充/邊距 - 沒有成功。

任何解決方法？

這裏是jsfiddle

來源

2017-03-05 bonaca

你可以嘗試添加一個 '隱藏' 的元素上面，像這樣：

<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>

與此對CSS：

.hidden { 
    visibility: hidden; 
    height: 0; 
}

也不會釋放，如果儘管在不可見元素上面拖動。

這裏有一個jsfiddle

來源

2017-03-05 16:24:18 marcellothearcane

恩，有意思。它工作，雖然隱藏el。會干擾我現有的許多js和php函數，但是...讓我們說 - 解決了 – bonaca

你能添加一個包含分區和安全殼設置的呢？例如： -

<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; 
}

這似乎與小提琴的工作。

來源

2017-03-06 08:12:10 RufusVS

拖動元件至第一位置

回答

相關問題