jQuery的意外排序行为
-
21-09-2019 - |
题
我工作的一个项目,我可以生成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浏览器。现在,应该按预期工作
不隶属于 StackOverflow