开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

基于类名的jquery排序不起作用

基于类名的jQuery排序不起作用可能是由于以下原因之一：

代码错误：请检查你的代码是否存在语法错误或逻辑错误。确保你正确引入了jQuery库，并且代码中没有其他冲突或错误。
元素选择错误：请确保你选择的元素是正确的。使用类名选择器时，确保你的类名在HTML中正确定义，并且没有拼写错误或其他问题。
排序方法错误：jQuery提供了多种排序方法，如sort()、sortBy()等。请确保你使用了正确的排序方法，并且传递了正确的参数。
排序依据错误：如果你希望根据元素的某个属性或文本内容进行排序，确保你正确指定了排序依据。可以使用.attr()或.text()方法来获取元素的属性或文本内容。
排序范围错误：如果你希望在特定的元素范围内进行排序，确保你正确指定了排序范围。可以使用.find()方法来选择特定范围内的元素。

以下是一个示例代码，演示如何基于类名进行排序：

<!DOCTYPE html>
<html>
<head>
  <title>基于类名的jQuery排序示例</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script>
    $(document).ready(function() {
      $('.sortable').sort(function(a, b) {
        return $(a).text().localeCompare($(b).text());
      }).appendTo('.container');
    });
  </script>
</head>
<body>
  <div class="container">
    <div class="sortable">C</div>
    <div class="sortable">A</div>
    <div class="sortable">B</div>
  </div>
</body>
</html>

在上述示例中，我们使用了.sort()方法对具有.sortable类名的元素进行排序，并将排序后的元素追加到.container容器中。排序依据是元素的文本内容，使用了.text()方法获取文本内容，并使用localeCompare()方法进行比较。

腾讯云提供了多种云计算相关产品，如云服务器、云数据库、云存储等。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

evaluateJavascript_javascript alert报错

当前位置:我的异常网» Ajax » jquery.validationEngine 验证 AJAX 不起作用解决方

02

网页中代码的顺序是不可忽略的细节

仿佛奇怪的问题总是喜欢找上那些初学者。当我在学习制作网页的时候，经常遇到一些很特别的问题。例如：刚刚添加的样式不起作用、jQuery 的代码老是不起作用等等，这些问题往往是不关注细节导致的。而今天我要谈的这个细节，就是关于网页中代码的顺序。没错，代码也是有顺序的，顺序不对有可能会出现一些意外的情况。

03

WordPress中的jQuery库不起作用的相关问题

WordPress 中的jQuery 库问题曾经困扰了我一段时间。如果仅仅加载WordPress 自带的jQuery 库，在使用一些jQuery 插件的时候明明是代码没有错误，但就是不起作用，该有的效果不能实现；但加载了原版的jQuery 库却又可以了，这样一来却同时加载了两个jQuery 库，网页速度拖慢了而且根本没有必要。后来才了解到：为了防止与其他 JS 库（如 YUI）冲突，WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东，以至

06

Bootstrap

Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。 Bootstrap支持响应式布局!响应式布局指的是一个网站能够兼容多种终端设备访问!. 终端设备:..电脑、平板电脑、手机

03

currentstyle 织梦_dede currentstyle属性完美解决方案

问题一、dede让channelartlist标签支持currentstyle属性完美解决

02

Vue webpack打包后，css样式发生改变或不起作用

用run dev build打包后，发现样式改变了，最终发现addAdress.vue和myAdress.vue中的有个类名是相同的，但是想着

03

【Wordpress】Crayon Syntax Highlighter 与主题不兼容

很多博主在写一些技术博客的时候，会在博文中添加一些代码，但是在展示的时候代码高亮的话会让博客整体布局更优雅。找到网上的不少插件，最终还是选择了 Crayon Syntax Highlighter 这个插件。江湖称 Wordpress 最强大的代码高亮插件！

01

使用jQuery的ajax同步请求吃过的亏

jQuery是一个很常用的js库。甚至我们开发任何一个项目都首先把jquery导入进行。jQuery太过强大，使用起来非常方便。但是在使用的过程中也遇到过很多坑。我在这里分享一下，避免大家也遇到同样的问题束手无策，也方便以后回归学习。普通的写法:

03

Vue 中使用 JQuery 插件不起作用

有时候在 vue 的代码中使用 jQuery 会不起作用，这是因为 vue 还没有绑定变量，所以我们使用的 jQuery 根本就找不到目标变量，就不会执行，正确的做法是先设置一个时延，稍微等一等 vue 的加载。

03

前端移动web-day05学习笔记

在某个查询区间，将栅格隐藏，可以用隐藏的样式，这个样式包括四个： 1、.hidden-xs 在屏幕小于768时将栅格隐藏 2、.hidden-sm 在屏幕大于等于768小于992时将栅格隐藏 3、.hidden-md 在屏幕大于等于992小于1200时将栅格隐藏 4、.hidden-lg 在屏幕大于等于1200时将栅格隐藏

02

常用的CSS3选择器

CSS选择器的作用就是从HTML页面中找出特定的某类元素。常用的几类CSS选择器如下表所示。

02

移动端WEB开发之响应式布局

原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。

02

jquery监听浏览器刷新_jQuery刷新浏览器页面大小

如果window.location.reload（）在Firefox中不起作用，请尝试以下操作。

04

替换WordPress 自带默认的 jQuery库， jQuery库页脚加载

在开发WordPress 主题或者WordPress 插件时候，常常要通过wp_enqueue_script这个钩子挂载WordPress 自带的 jQuery库而非是通过硬编码的方式来加载，毕竟是为了避免多次加载 jQuery库。但在实际操作中，常常会有各种各样的问题出现。因为WordPress 自带的 jQuery库会在最后添加jQuery.noConflict()以保证与其他js 库的兼容，因此那些通过 $ 代替jQuery的缩写代码会失效。详见《WordPress中的jQuery库不起作用的相关问

border-radius 兼容 IE8浏览器

我们都知道，前端开发最让人头疼的事情，就是兼容ie系列的浏览器了，不但麻烦还让人头秃，今天记录一个border-radius属性IE8浏览器兼容的问题。在IE8浏览器里面，border-radius这个属性是不起作用的，这个时候，就需要进行一些处理了，首先下载pie.htc文件pie.htc是一个可以解决IE6/7/8无法支持CSS3属性的文件

01

CSS高级选择器

07.31自我总结 CSS高级选择器一.伪类选择器对于之前的类选择器的补充类再定义一个别名举例

其中a为类,a-1为伪类,伪类也是一种类,他们之间用宫格隔开我们选择该标签的时候可以.a.a-1,也有.a,也可以.a-1 常用的两个伪类选择器伪类选择器都是用:连接的类名:nth-child(N):先确定位置，再筛选选择器在同一结构下都是相同选择器时使用类名:nth-of-type(N):先确定选择器，在匹配位置在同一结构下不全是相

03

CSS伪类

注：如果链接不起作用，请修改链接状态顺序为link--visited--hover-active.

01

jQuery:delegate中select()不起作用的解决方法

jQuery有一个很好用的delegate(事件委派)功能，可以给当前以及将来(动态添加)的元素绑定一个事件处理函数。比如下面的例子，动态添加一个输入文本框后，我想让所有文本框（不管是不是动态添加的）在获取焦点时，自动转大写。 <!doctype html> <html> <head> <title>delegate测试</title> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery

05

一篇文章带你了解JavaScript htmldom 元素

通常，使用JavaScript，想操作HTML元素。要做到这一点，必须先找到元素。有几种方法可以做到这一点。

03

jQuery控制控件文本的长度

文章作者：Tyan 博客：noahsnail.com | CSDN | 简书

02

事件绑定的几种常见方式

在项目开发中，经常遇到绑定事件不起作用，或者事件绑定多次，导致重复触发。 1.事件绑定的几种常见方式（以click事件为例） jquery: $(selector).click(function(){...}) $(selector).bind("click",function(){...}) $(selector).live("click",function(){...}) $(document).delegate("selector","click",function(){...}) $(sel

08

Bootstrap 4/3 页面基础模板与兼容旧版本浏览器

Bootstrap 3 与 4 差别很大，目录文件结构、所引入的内容也不同，这里说说一下 Bootstrap 引入的文件、网页模板和兼容性问题。本网站刚刚搭建好，正好发一下文章原来测试网站。

03

动态语言-Python1.动态语言的定义

动态编程语言是高级程序设计语言的一个类别，在计算机科学领域已被广泛应用。它是一类在运行时可以改变其结构的语言：例如新的函数、对象、甚至代码可以被引进，已有的函数可以被删除或是其他结构上的变化。动态语言目前非常具有活力。例如JavaScript便是一个动态语言，除此之外如PHP、Ruby、Python等也都属于动态语言，而C、C++等语言则不属于动态语言。----来自维基百科

02

jq模拟select下拉框，自定义option的css样式

想修改option样式，只能通过div ul li模拟select功能；功能如下，具体细节可以自己再调节。

02

如何为 .NET CLI 启用 Tab 自动补全

本文介绍了如何为四种 shell（PowerShell、Bash、zsh 和 fish）配置 Tab 自动补全。对于其他 shell，请参阅相关文档，了解如何配置 tab 自动补全。

01

客服弹窗中使用layer库自定义展示的标题 - 网站/网页在线客服源码教程

我在实现客服系统的过程中，使用layer实现右下角弹窗效果，现在需要自定义layer弹窗的标题和增加自定义按钮

03

[MySQL] group by 分组并进行组内排序取得最新一条

有一个需求是获取指定用户发送的最新的内容 , 这个时候需要使用group by分组功能

01

PHP类型运算符instanceof

如果被检测的变量不是对象，instanceof 并不发出任何错误信息而是返回 false。PHP 7.3.0 之前不允许用于检测常量。

01

在mysql中order by是怎样工作的？

还有一种就是通过rowId 排序（这种情况是当一行数据过大的时候）直接上流程图：

03

List.append() 在 Python 中不起作用，该怎么解决？

Python 是一种强大而灵活的编程语言，它提供了许多方便的数据结构和操作方法，其中之一就是列表（List）。列表是一个有序的集合，可以包含不同类型的元素，并且可以进行添加、删除和修改等操作。在 Python 中，我们通常使用 List.append() 方法向列表末尾添加元素。然而，在某些情况下，你可能会遇到 List.append() 方法不起作用的问题。本文将详细讨论这个问题并提供解决方法。

02

java之hibernate之加载策略和抓取策略

1.加载策略：指hibernate查询数据时，采用什么样的方式将数据写入内存。Hibernate中提供了两种方式来加载数据：懒加载和即时加载。

03

PGA的设置与调整

PGA，即程序全局区(Program Global Area)，是Oracle体系机构的重要组成部分。Oracle 数据库对系统内存的总开销即是PGA+SGA。SGA主要由库缓存(共享SQL区和PL/SQL区)和数据字典缓存组成。而PGA包含客户端连接服务器所派生的服务器进程的集合，每个服务器进程都拥有存放数据和控制信息的私有内存区域。客户端进程和服务器端进程一一对应，由服务器端进程完成用户的请求，并将数据返回给客户端进程。

02

MYSQL用法(八) 索引失效的各种情况小结

如：select * from test where id-1=9;//错误的写法

02

CSS中hover出现不生效的几个原因？

提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。

02

WordPress 添加个性化的博客宠物（妹纸篇）

某日闲逛看到的某个博客上的一个博客宠物，准确来说不是宠物，人家可是萌妹纸啊！看看右侧这个图，就是这个萌妹纸了（后来用谷歌相似图片搜索才发现是死亡笔记的）。让我感到有点跌眼镜的是，那个博客主是个汉纸！看

05

WordPress 添加个性化的博客宠物（汉纸篇）

之前一篇文章分享了在WordPress 添加个性化的萌妹子的方法（见：《WordPress 添加个性化的博客宠物（妹纸篇）》），不过那个不适合广大的男汉纸的博客，因此今天带来个适合男同胞博客的博客宠物

05

HTML/CSS 第三章

多说一嘴：用数字设置的时候，只有400和700会产生变化，是因为字体在初始设计的时候就没有设置太多的粗细标准，一般就是两种，默认的和加粗的所以在实际工作中用的最多的就是normal（400） bold（700）

03

Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结

https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js

02

Java工程中添加依赖jar包不起作用问题总结

Java工程中添加依赖jar包不起作用问题总结此次总结两种方式的依赖问题 1 在Eclipse中添加依赖jar包不起作用问题这种方式可能是Eclipse缓存，或者Eclipse还没有反应过来。例如Eclipse中有个Java工程以前依赖了a.jar文件，但是在工程中删除这个文件后，工程可以正常执行，这可能是Eclipse缓存问题。这种情况刷新Eclipse中的Java工程或者重启Eclipse即可。 2 Linux中添加依赖jar包不起作用问题造成这种情况的原因是有多个进程在

07

jquery中hide、show、slideUp、slideDown、animate应用

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jquery_slip.html</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(docum

04

jquery中html、before、after、append、prepend应用

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jquery_slip.html</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(docum

09

史上最实用的Android切片应用库XAOP使用指南

一个轻量级的AOP(Android)应用框架，囊括了最实用的AOP应用。项目地址: https://github.com/xuexiangjys/XAOP, 喜欢的话,欢迎star支持!

06

layui弹出层html,layer弹出层「建议收藏」

我昨天用这个插件的时候也有这个问题，弹出内容大了就居不了中。这是组件不完美的地方，他设置了top和left值，而且是固定的。这种弹出层都是绝对定位的所以没办法用margin：auto 0神马的居中。解决方案主要两种： 1.修改在浏览器里面调试模式。

03

Raphael path 拖动实现

让 Raphael 的 Path 动起来 Raphaël 是一个很实用的线上矢量图操作 Javascript 库。使用简单，一个值得一提的卖点是通过抽象出共同的接口屏蔽了 SVG 和 VML 之间的差异，做到了对主流浏览器的支持，包括很不给力的 IE6。（很可惜，并不支持手机 UC 浏览器） Raphael 对于交互事件也有一定的支持，比如常用的鼠标的拖放操作（Drag and Drop）。在官方网站上也有拖放操作的例子。可惜的是，官方的这个例子的写法只对 Circle，Rect 等有效，但对于 Path

05

存储优化补充篇:Explain索引优化实操

看过上一篇文章的同学应该还记得在叙述索引原理和实际案例的时候，我们列举了一个阿里分布式事务中主事务表的例子。

03

bootstrap笔记（一）——布局容器和排版样式

一般习惯于把引用的jquery.js 和 boostrap.js <body></body>标签中，bootstrap.css放在<style></style>标签中。

02

XAOP 一个轻量级的AOP(Android)应用框架

在软件业，AOP又名面向切面编程，通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术。AOP是OOP的延续，是软件开发中的一个热点，也是Spring框架中的一个重要内容，是函数式编程的一种衍生范型。利用AOP可以对业务逻辑的各个部分进行隔离，从而使得业务逻辑各部分之间的耦合度降低，提高程序的可重用性，同时提高了开发的效率。

02

Bootstrap学习文档（一）

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目，使用这个框架可以简单高效的开发出适配各种屏幕的网站应用，即是编写一套代码，适用多重平台（PC，平板，手机等）。Bootstrap 相比其他框架，自由度更高，它提供了基本的样式和基本的组件，而不会在创造上约束开发者的思维。

02

ASP.NET (Core)WebApi参数传递实操演练

一、ASP.NET (Core)WebApi参数传递实操演练 1、什么是contentType和dataType？ $.ajax contentType 和 dataType , contentType 主要设置你发送给服务器的格式，dataType设置你收到服务器数据的格式。更简单的解释： contentType: 告诉服务器，我要发什么类型的数据。 dataType：告诉服务器，我要想什么类型的数据。在http 请求中，get 和 post 是最常用的。在 jquery 的 ajax 中， c

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭