我想让用户排序这种标记
<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">
原文地址:https://www.jb51.cc/jquery/183979.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。