gpt4 book ai didi

jQuery 意外的可排序行为

转载 作者:行者123 更新时间:2023-12-03 22:55:32 25 4
gpt4 key购买 nike

我正在开发一个可以生成Word文档的项目,其中一个功能是定义目录。我希望我的 TOC 成为一个可排序的 jQuery 列表,用于对章节进行排序。

我正在从 MySQL 表中递归地检索数据,其功能符合预期。由于我发现 IE7(以及可能的其他版本)中存在一些奇怪的行为,因此我切换回基础知识并在一个简单的 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 是默认浏览器,无法进行切换。

有人有什么建议吗?

基本上我只是想重新组织列表和嵌套列表。目前,我只能在主章节周围拖动,当我尝试拖动子章节时,相应父章节中的整个列表结构都会被拖动。因此,当我尝试拖动“第 2.2 章”将其放置在“第 2.1 章”上方时,我实际上是在拖动“第 2 章”,唯一的可能是将其拖动到“第 1 章”上方。

我希望我的问题足够清楚。

Here's a Demo./edit 添加到 URL 以查看代码并使用它

最佳答案

只需添加这个

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

这将阻止 IE 将 mousedown 事件向上冒泡到父 ul,这会导致您所看到的奇怪的可排序行为。现在它应该按预期工作

关于jQuery 意外的可排序行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1789169/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com