在jquery ui中添加和删除可排序的html内容

Question

我对jquery很新，我遇到了一个问题。我想要的是每当拖动项目被拖动到可排序项目时我希望html代码显示为放在这里，以便用户可以在可排序元素之间插入我的代码下面的id为可排序元素是sort1 ，sort2，sort3，.....所以每当用户在这个id的每一个上拖动一个项目时，我只希望它在这里显示下降。当被拖走时，显示块应该去。我有什么方法可以完成这个

这是我的 Js Fiddle 。

This is my html code 

  <div  id="sortable">
    <div class="sort" id="sort1">sort1</div>
    <div class="sort" id="sort2">sort2</div>
    <div class="sort" id="sort3">sort3</div>
    <div class="sort" id="sort4">sort4</div>
    <div class="sort" id="sort5">sort5</div>
    <div class="sort" id="sort6">sort6</div>      

Answer 1

你可以用CSS做到这一点：

.ui-sortable-placeholder {
 visibility: visible !important;
}

.ui-sortable-placeholder:after {
  content: "drop here";
}

http://jsfiddle.net/uY95r/2/

你必须使用这些风格才能让它看起来不错，但这应该让你开始。