jQuery UI 1.8.2可排序嵌套列表

前端之家收集整理的这篇文章主要介绍了jQuery UI 1.8.2可排序嵌套列表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这个问题已经结束了,但没有人似乎有同样的问题,我有。

当我做这样的事情

$(function(){
    $('#unique-ul').sortable({items:'li'});
});

我期望它“正常工作”。总的来说,它是。我可以拖动任何< li>从任何列表到任何其他列表,以及该< li>被拖动了。

但是,当拖动时,它似乎很困惑,应该放在哪里。这是一个使用1.8.0的例子;它显示相同的行为。

http://jsbin.com/ewuxi3/

我发现的所有其他响应都导致我相信这个行为是由jQuery UI支持的;例如,这里是针对1.7关于嵌套draggables注册错误http://dev.jqueryui.com/ticket/4333

我找不到有这个问题的其他人,所以建议我做错了。任何线索?

解决方法

这是因为Sortable不知道你是否在嵌套的< li>或包含它的那个。一个解决方案是使用这样的结构:
<ul>
  <li><div>Item 1</div>
    <ul>
      <li><div>Subitem 1</div></li>
      <li><div>Subitem 2</div></li>
    </ul>
  </li>
  <li><div>Item 2</div></li>
  <li><div>Item 3</div></li>
</ul>

并设置选项toleranceElement:’> div“。我不知道为什么它没有记录,但它在那里,它告诉Sortable只考虑到< div>当计算交叉点。

如果你有兴趣,我最近developed a plugin使嵌套排序更容易,允许在飞行中创建新的嵌套列表。

原文链接:https://www.f2er.com/jquery/183558.html

猜你在找的jQuery相关文章