我想让用户排序这种标记
- <div id="steps">
- <div class="sort">
- <span></span>
- <textarea/>
- </div>
- <div class="sort">
- <span></span>
- <textarea/>
- </div>
- <div class="sort">
- <span></span>
- <textarea/>
- </div>
- <div class="sort">
- <span></span>
- <textarea/>
- </div>
- </div>
我试着这样：
- $('.sort').sortable({placeholder: "ui-state-highlight",helper:'clone'}).disableSelection();
但我得到非常意想不到的行为，请检查：
我怎么能做到只让用户按步骤号排序？ (但将整个项目排序为块)
解决方法
我相信下面的小提琴是你在后：
http://jsfiddle.net/GA4Qs/13/
jQuery sortable需要应用于包含要排序的元素的父元素。
- $('#psP').sortable({placeholder: "ui-state-highlight",helper:'clone'});
此外，你没有关闭你的divs在正确的地方。
- <div style="position: relative;" class="sortable">
- <span class="stepNum inset">1</span>
- <textarea placeholder="Escribe que hay que hacer en este paso" class="step valid"></textarea>
- </div>
不
- <div style="position: relative;" class="sortable">
- <span class="stepNum inset">1</span>
- <textarea placeholder="Escribe que hay que hacer en este paso" class="step valid"></textarea>
- <div style="position: relative;" class="sortable">
