jquery .sortable()on

前端之家收集整理的这篇文章主要介绍了jquery .sortable()on前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想让用户排序这种标记
<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/8/

我怎么能做到只让用户按步骤号排序? (但将整个项目排序为块)

解决方法

我相信下面的小提琴是你在后: 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">
原文链接:/jquery/183979.html

猜你在找的jQuery相关文章