jQuery的意外排序行为

StackOverflow https://stackoverflow.com/questions/1789169

题

我工作的一个项目，我可以生成Word文档，功能中的一个是定义表的内容。我希望我的TOC是排序的一章jQuery的排序名单。

我recursivly从MySQL表，其功能是作为预期retreving的数据。因为我发现有一些怪异的行为在IE7（以及可能的其它版本），我切换回到基础，并试图在没有任何DB-生成结构简单的HTML文件中的以下

<!doctype html>
<html>
<head>
<script type="text/javascript" src="./jquery-1.3.2.js"></script>
<script type="text/javascript" src="./ui/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
  $(function() {
    $("ul.list").sortable({
      opacity: 0.7,
      helper: 'clone',
      cursor: 'move',
      tolerance: 'pointer'
    });
  $("ul.list").selectable();
  $("ul.list").disableSelection();
});
</script>
<style type="text/css">
ul.list {
  list-style:none;
  padding:none;
  margin:none;
  border:1px solid #EFEFEF;}
ul.list:hover {
  border:1px dotted #333;}
</style>
</head>
<body>
  <ul class="list">
    <li>Chapter 1</li>
    <li>Chapter 2
      <ul class="list">
        <li>Chapter 2.1</li>
        <li>Chapter 2.2</li>
      </ul>
    </li>
  </ul>
</body>
</html>

使用此源（不管能级的量）我期望每个小节是其父章内的唯一排序列表。在Firefox中这个作品，因为它应该，但不幸的是在工作IE7是默认的浏览器，不应当切换。

没有任何人有一些建议，可以做什么呢？

Basicly我只是想整理列表和嵌套列表。在这一刻，我只能够拖动角落找寻mainchapters，当我试图拖动子章节从相应的父整个列表结构被倒拖。所以，当我试图拖动“第2.2章”将它放在“2.1章”上面实际上，我拖着“第2章”，唯一的posibillity将它拖到“第1章”以上。

我希望我的问题是清楚。

这里有一个演示。添加/edit到URL查看代码，并发挥与它

有帮助吗？

解决方案

只需添加此

$('ul.list').bind('mousedown', function(e) {
  e.stopPropagation();
});

这将从mousedown事件冒泡到父ul，这会导致你已经看到了奇怪的行为排序停止IE浏览器。现在，应该按预期工作

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top