使用sortable()时不能对框进行排序
sortable()是一个jQuery插件，用于实现拖拽排序功能。它可以让用户通过拖拽元素来改变它们的顺序。
然而，当使用sortable()时，有时候可能会遇到不能对框进行排序的问题。这可能是由于以下几个原因导致的：
- 错误的HTML结构：sortable()要求被排序的元素必须具有相同的父元素，并且它们应该是同级元素。如果HTML结构不正确，sortable()可能无法正常工作。请确保要排序的元素具有正确的父子关系。
- 缺少必要的CSS样式：sortable()需要一些CSS样式来实现拖拽排序功能。如果没有正确地包含这些样式，可能会导致无法对框进行排序。请确保在页面中正确引入sortable()所需的CSS文件。
- 未正确初始化sortable()：sortable()需要在DOM加载完成后进行初始化。如果没有正确初始化sortable()，它可能无法正常工作。请确保在页面加载完成后调用sortable()函数进行初始化。
解决这个问题的方法包括：
- 检查HTML结构：确保要排序的元素具有相同的父元素，并且它们是同级元素。
- 引入必要的CSS样式：确保在页面中正确引入sortable()所需的CSS文件。
- 正确初始化sortable()：确保在DOM加载完成后调用sortable()函数进行初始化。
腾讯云提供了一系列云计算相关的产品，其中包括云服务器、云数据库、云存储等。这些产品可以帮助用户快速搭建和管理云计算环境。具体推荐的腾讯云产品和产品介绍链接地址如下：
- 云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高可用、可扩展的MySQL数据库服务。了解更多：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务。了解更多：https://cloud.tencent.com/product/cos
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行。
相关·内容
1回答
我正在使用jQuery UI中的函数sortable()。正如您在我的代码中看到的，它可以很好地处理数字1和2，但不适用于向左和向右切换它们的框。 $(".sort-me").sortable({}); .title {}
.storename
浏览 26提问于2020-08-28得票数 0
回答已采纳
1回答
我正在尝试将jQuery draggable和sortable结合使用。以下是原因的解释：
我有两个列表框，A和B。我想一次将多个项目从一个列表框拖放到另一个列表框。B列表框需要同时是可排序的，这意味着如果我从A拖动多个项，我可以将它们放在B中的任何位置。我还想对B进行内部排序(同时对多个项目进行排序)。然而，列表框A是不可排序的，因此我无法对其中的项进行
浏览 3提问于2012-07-27得票数 1
回答已采纳
我在使用jQueryUI的可排序函数时遇到了一个问题： <div class="ui-state-default">text" /> </div> </di
浏览 0提问于2013-02-17得票数 2
= ['-last_modified']我希望管理员在默认情况下按last_modified排序(就像现在一样)，但可以通过单击列表显示的第一列顶部按字母顺序排序。如果不是，为什么不呢？
浏览 4提问于2015-10-01得票数 2
1回答
给定以下结构，可以对包含可排序列表的div进行排序吗？我这么问是因为最新的jquery 1.3版本不允许对div进行排序。jQuery是否有什么限制，不能对包含已有可排序列表的父元素进行排序，或者是因为父元素是div而不是安莉元素？有没有人有主意？<div class="row"><li>test
浏览 0提问于2009-12-12得票数 1
回答已采纳
1回答
我想通过拖动列来禁用重新排序，但是jqGrid可以对列进行排序。
viewrecords: true, subGrid: true,
sortable
浏览 2提问于2017-02-06得票数 2
回答已采纳
1回答
我想使这个专栏变得可排序，所以我最后得到了以下代码： $columns['security_answer'] = 'Security Answer';
}
add_filter( 'manage_users_sortable_columns', 'trucklesoft_my_sortable</
浏览 0提问于2019-11-19得票数 1
回答已采纳
您可以看到，我正在从CDN获取jQuery、Bootstrap和Bootstrap，每个都按照相应的产品文档中的说明进行操作。
似乎所有3个产品都加载成功。如果我改为从JSON装载表数据，那么JSON会成功地填充表骨架，但它仍然是不可排序的。Chrome JavaScript控制台100%干净运行。根据 (只有Bootstrap Table :( )的文档类型)，bootstrap表格化的表在默认情况下是可排序的。尽管如此，我添加了data-sortable=true属性，但这没有任何效果。
浏览 0提问于2016-07-27得票数 0
因此，一旦我附加了一个新的元素列表，它们就不再可以排序了。我试过使用可排序(“刷新”)，但它仍然不能工作。event) { $(".sortList").sortable('refresh');
$
浏览 0提问于2019-02-03得票数 0
回答已采纳
2回答
可折叠内容的jQuery排序
、、、、
我想使用jQuery可排序功能对所有用户进行排列框。很简单。但是，盒子可能会变得很高，所以当它们点击手柄进行排序时，我希望所有的盒子都能倒塌。我发现了一些有用的东西(如下所示)。当您尝试对第一行进行排序时，一切都很好。但任何低于此的东西都会变得有点奇怪。
首先，有没有更好的方法来做这件事，而我并没有想到？其次，如果我继续使用这段代码，是否有一种方法可以确保现在折叠的div --即选择Snapsto并与鼠标保持在一起？
浏览 2提问于2017-04-04得票数 0
回答已采纳
我想让我的sap.m.Table手动排序，这样我就可以通过拖放对表中的行进行排序。我尝试过使用jQueryUI sortable()方法(它在列表上工作！)，但是如果在表上使用它，则整个表是可拖动的，如果在ColumnListItem上使用它，我可以对ColumnListItem的内容进行排序，但不能对表中列出的ColumnListItems进行排序。
浏览 5提问于2016-05-13得票数 0
回答已采纳
1回答
表格行排序，使用Jquery UI排序的前三个单元格除外。我做了整行，但我需要排序在特定的单元格与一个悬停按钮的位置。 }
height: 40px !important; $(".
浏览 14提问于2020-09-21得票数 0
3回答
我有一个<form id="#form">，它有一个<span class="con">，在这个范围内，我有许多需要排序的div。</span>我使用可排序函数使div可排序。$("span").sortable({}).disableSelection();
我在里面动态地添加div。但是<
浏览 6提问于2011-03-29得票数 10
回答已采纳
1回答
我想按高度和宽度对我的html元素进行排序，这样具有最高的高度和宽度值的元素就会到达顶部。我已经可以按高度对元素进行排序，这是这个中的特色。但我不能对div元素排序
return $(b).heightajax.googleapis.com/ajax/libs/jquery
浏览 1提问于2016-09-18得票数 0
回答已采纳
1回答
我有一个可排序的列表，我想把它的列表项放在一个表格单元格中，然后从表格单元格到排序单元格中的项目。title>
浏览 1提问于2016-02-08得票数 2
1回答
我有以下带有Jquery排序的html代码 $(function() { $( ".sortable" ).disableSele
浏览 4提问于2012-06-26得票数 0
回答已采纳
1回答
我有一个带有元素(#sortable)的可排序div (.draggable)。在那里，当我从下到上对元素进行排序时，可以很容易地通过拖动来对元素进行排序，并且我不需要将很多元素拖到顶部。但是，当从上到下对元素进行排序时，我必须将元素拖到远低于所需的位置。是否有任何方法控制元素的排序，以便即使我只往上/下拖动一点点，也不会一直向上/向下拖拽，它也会显示占位符来分别放置元素？js
$('#content
浏览 3提问于2015-10-03得票数 6
回答已采纳
我正在尝试使用the full ng-table，但它在angular 10上不起作用。当我尝试复制粘贴代码时，此处出现错误 @Directive({ host: {direction: SortDirection = '';
@Input
浏览 12提问于2021-01-09得票数 0
回答已采纳
1回答
我很难找到如何使用Template属性对网格中的列进行排序，如下所示： .Name("unitGrid"columns.Bound(p => p.ViewUnitContract.CurrentRun.Operation.WellContract.Location).Title("Well Site").Sortable})
.ClientRowTemplate(Htm
浏览 1提问于2014-03-19得票数 3
回答已采纳
2回答
我使用JQuery的将表的td标记排序为 .children('tr').sortable({
revert: true附加问题：我可以排序整个表的td标记而不是每一行吗？(目前，我只能对相同行的td标记进行排序。我想拖动一个td并替换为另一个不同行的td标记)
浏览 2提问于2015-08-29得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
