将 Jquery 手风琴扩展到表的行

2024-02-15

我有一张带有可折叠行的桌子。请检查here http://jsfiddle.net/soumyazyx/8Xyjy/10/

我只想使用 Jquery UI 手风琴,如图所示here http://jqueryui.com/accordion/

我正在尝试将手风琴应用于以下结构:

<table>
    <tbody class="category">
        <tr><td>Category - 1</td></tr>
    </tbody>
    <tbody class="subcategory">
        <tr><td>Sub Cateogry 1.1</td></tr>
        <tr><td>Sub Cateogry 1.2</td></tr>
    </tbody>
    <tbody class="category">
       <tr><td>Category - 2</td></tr>
    </tbody>
    <tbody class="subcategory">
       <tr><td>Sub Cateogry 2.1</td></tr>
    </tbody>
</table>

我知道有序列表最适合这种类型的结构。但是由于一些限制,需要使用表。

请建议。


Use the header http://api.jqueryui.com/accordion/#option-header手风琴的选项:

$(document).ready(function () {
    $('table').accordion({header: '.category' });
});

https://jsfiddle.net/c1j7xbkp/ https://jsfiddle.net/c1j7xbkp/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将 Jquery 手风琴扩展到表的行 的相关文章

  • 从一个页面导航到另一个页面时,JavaScript 不会执行

    我正在构建我的第一个 Ruby on Rails 应用程序 并尝试创建一个动画导航栏 我正在使用 jQuery 和 Turbolink 这是我的application js under app assets javascripts docu
  • 计算div标签内img标签的数量

    我的代码是这样的 div img src some image png img src some image png div class another div div div class another div div div 我想计算该
  • HTTP请求的内容长度>正文大小

    我正在管理一个网站 该网站过去几个月在使用 MVC 3 0 ASP net 构建的 IIS 7 5 上运行良好 当我们的 AJAX POST 请求 通过 jQuery 触发 因发布的 JSON 被截断而失败时 我们时不时地会遇到一个问题 到
  • 当用户输入/删除时,使文本字段中的提示消失/重新出现[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 有谁知道我怎样才能在我的搜索栏中做出
  • 扩展html表格突出显示行和列并使当前单元格具有不同的颜色

    我找到了用鼠标悬停时突出显示行和列的示例 https stackoverflow com a 28312853 139698 https stackoverflow com a 28312853 139698 如何使鼠标悬停的一个单元格变为
  • JQuery 命名空间 + 通用实用函数的最佳实践

    目前有哪些 经验法则 为了实施JQuery 命名空间托管通用实用函数 我有许多 JavaScript 实用方法分散在各个文件中 我想将它们合并到一个 或多个 命名空间中 最好的方法是什么 我目前正在研究两种不同的语法 按优先顺序列出 JQu
  • 当用户在 DIV 外部单击时,使用 jQuery 隐藏 DIV

    我正在使用这段代码 body click function form wrapper hide form wrapper click function event event stopPropagation 和这个HTML div clas
  • 未捕获的类型错误:对象 [object Object] 没有方法“自动完成”

    我不断收到错误 未捕获类型错误 对象 对象对象 没有方法 自动完成 它工作得很好 直到几天前我似乎找不到问题 似乎 jquery ui 正在加载 所以我不明白为什么该方法不起作用 My code
  • 如何在 jQuery 中获取选择框选项值

    如果我有这样的代码 如何获取 jQuery 中选项选择框的值
  • 使用 javascript 将 CSS 类添加到具有另一个类名的所有元素

    我正在尝试使用 javascript 将类添加到具有不同类的所有元素 我知道你可能认为这是多余的 但对于我所处的情况来说这是必要的 我需要一种方法来查看具有该类名称的所有元素并添加该类 但我不明白如何获取计数 我正在使用一个 cms 但我无
  • 当来源为 http 且目标 url 为 https 时,如何在本地网络中发出 POST 请求?

    我需要从 POS 销售点 http 向支付终端 https 发出 POST 请求 它们连接在我的本地网络中 当我向邮递员发出请求时 一切正常 但每当我从 POS 发出请求时 我都会收到错误 POSThttps 我的IP地址 8443 nex
  • 关闭 bootstrap-select / select2 的自动对焦

    http www bootply com YAQrE52K6X http www bootply com YAQrE52K6X dataCombo selectpicker multiple true div class container
  • 当多个元素具有相同的 ID 值时,jQuery 如何工作?

    我从 Google 的 AdWords 网站获取数据 该网站有多个具有相同元素的元素id 您能否解释一下为什么以下 3 个查询没有得到相同的答案 2 现场演示 http jsfiddle net P2j3f 1 HTML div span
  • 隐藏行时更新奇数/偶数行颜色

    我在一页上有几个表格和一个复选框 用于根据其中一个单元格的内容显示 隐藏行 虽然所有行都是可见的 但一切都很完美 并且行颜色根据需要交替 当我隐藏行时 交替的行颜色不再正确 显然 如何轻松更新类以在选中复选框时保持交替行颜色 然后在取消选中
  • SerializeArray() 给出空数组

    我正在尝试使用 seralizeArray 收获形式输入值 输入字段由具有相应价格的项目列表组成 我想根据相应的密钥对保存每个值 但不断收到错误 empty array with 0 length 我尝试了几种选择器组合 但仍然得到 如何才
  • 我可以检测焦点来源吗? (Javascript、jQuery)

    快速提问 是否可以检测焦点是来自鼠标单击还是来自焦点事件的选项卡 我想如果没有 我将不得不在同一元素上使用单击句柄来确定源 但我更喜欢通过焦点事件的方式 Thanks Gausie 可能无法 100 工作 但如果没有直接的方法 那么你不能直
  • 最有用的 jQuery 原生 API 函数

    前 5 10 个最常用的 jQuery 本机 API 函数是什么 请不要建议 jQuery 函数本身 因为毫无疑问这是最常用的函数 如果可能的话 还请提供它们所涵盖的场景 提出这个问题的原因是我尝试创建一个类似 jQuery 的 API充足
  • JavaScript 附加和前置与 jQuery 附加和前置

    QA Style 我最近读了一篇文章 里面说JavaScript已经实现了append and prepend受 jQuery 启发的方法 这对我来说是一个新知识 因为据我所知 要附加一个元素 我必须使用element appendChil
  • 如何获取元素相对于当前屏幕位置的偏移量?

    我正在尝试用纯 Javascript 重构所有 jQuery 除了非常具体的值之外 一切都正常工作 根据此代码的浏览器供应商 我得到了不同的值 对于 jQuery 我会使用 var topSelected figure offset top
  • 动态向表添加行

    目前 我正在尝试创建一个表 其内容应该由子类创建 查询 RESTful Web 服务的结果 我已经为此工作了相当长一段时间 但我似乎无法让它发挥作用 我尝试了很多不同的解决方案 在子类中创建表并将其添加到 Page Controls 中 这

随机推荐

  • 如何在 R 中引用查找表将两个 data.frame 合并在一起

    我正在尝试合并两个data frames一起 基于每个中的公共列名称称为series id 这是我的合并语句 merge test growth series LUT test growth series by intersect seri
  • 如何通过链接描述文件将符号放置在特定地址处?

    这是关于 GNU Linker 的 我有一个 可以说 名为的变量myVar 现在我希望我的变量被放置在内存中的某个地址 我使用的编译器有一个 attribute blablabla 这样就可以了 不过我决定使用链接描述文件 从现在开始 我设
  • ReentrantReadWriteLock 中的公平锁定

    B Goetz 所著的 Java Concurrency In Practice 中 第 13 5 节说道 在 Java 5 0 中 读锁的行为更像是信号量而不是锁 仅维护活跃读者的数量 而不维护他们的身份 Java 6 中的行为已更改 以
  • 中断安全 FIFO 中的 DMB 指令

    相关这个线程 https stackoverflow com q 50800118 1488067 我有一个 FIFO 它应该可以跨 Cortex M4 上的不同中断工作 头部索引必须是 由以下人员原子编写 修改 多个中断 不是线程 通过单
  • 如何在 MVC 中创建国家和州/省的选择列表

    嗨 我是 MVC 甚至 asp 的新手 我想在 MVC 中创建一个表单 在一些示例的帮助下 我可以创建文本框 但我现在不明白如何创建选择列表 我尝试搜索许多在 MVC 中实现选择列表的示例 但我无法理解 我有一个表单 一半用 HTML 编码
  • C# 是否允许使用双分号 ; ;如果可以的话,有什么特殊的方法吗?

    我正在编写一条语句并且它可以编译 但编译器 VS 从未告诉我我放置了两次分号 这意味着在 ASP NET MVC 3 中 return Json mydata return Json mydata 两者都可以编译 但第一个在设计模式上是错误
  • Retrofit 仅在第一次给出 EOFException

    我第一次在我的 Android 项目中使用框架 Retrofit 它处理与后端的通信 现在最奇怪的部分是 在 Android 4 4 上 一切都像魅力一样 在下面的每个版本上 我得到一个 RetrofitError 类型 java io E
  • Android Studio:如何将我的 .aar 库链接到多个项目?

    我有一个在多个项目中使用的库 每次更新 和重建 此库时 我不想将 aar 复制并粘贴到使用此库的每个项目中 实现这一目标最方便 最有效的方法是什么 注意 我在 Mac OSX 上运行 Android Studio 1 0 RC2 将您的 A
  • 从 Lock() 内调用 UI 线程上的方法

    我有两种方法 MethodA MethodB MethodB必须在 UI 线程上运行 我需要他们在不允许的情况下一个接一个地运行MethodC在他们之间奔跑 MethodC当用户单击一个可爱的小按钮时调用 我做了什么来确保这是一个Lock围
  • 像在 PHP 中那样获取 $_GET,但在 Visual Basic 中?

    我有一个名为 WebBrowser1 的网络浏览器 我希望能够像在 PHP 中那样检测 GET 并将其放在 Textlabel 中 就像网址是 www example com page php myget true Visual Basic
  • 将 NOT_NULL 约束添加到 SQL 列

    我正在尝试使用以下命令将 NOT NULL 约束添加到 SQL h2 数据库中的列 ALTER TABLE CHARACTERS ADD CONSTRAINT nn PID NOT NULL PLAYER ID 这遵循我发现的模式here
  • 寻找有关如何使用 PHP 构建私人消息系统的教程 [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 正在寻找有关如何使用 PHP 构建安全的私人消息传递系统的教程 非常感谢 到目前为止我一直在关注这个http www astahost c
  • Laravel 5.2 迁移:无法添加 char 数据类型的外键

    我正在尝试创建一个char 数据类型的可为空外键 当我运行迁移命令时 我收到以下错误 我不确定我哪里做错了 Illuminate Database QueryException SQLSTATE HY000 一般错误 1215 无法添加外键
  • 显示 ContextMenuStrip 但不在任务栏中显示

    我发现 当我执行 contextmenustrip 右键单击菜单 的 show 方法时 如果该位置超出其所属表单的位置 它也会显示在任务栏上 我正在尝试为单击通知图标时创建一个右键单击菜单 但由于菜单悬停在系统托盘上方而不是在表单内 因为右
  • 在 wagtail 中批量上传和创建包含图像的页面(迁移)

    我正在使用 wagtail 创建一个网站来替换某人现有的 weebly 网站 重新创建数百个页面实例并上传每个页面的每个图像需要花费几个小时 我已经有了我需要的页面模型 并且我的网站看起来很像 wagtail 文档中的入门教程 我想知道如何
  • ASP.NET WebApi 与 MVC? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 使用 ASP NET MVC 控制器 您可以以不同的格式公开数据 AspNetWebAPI 是专门为创建 API 而设计的 但我可以使
  • 使用 simple-build-tool (sbt) 和 IntelliJ 调试 Scala 代码

    使用 IntelliJ 的内置调试器调试 sbt 管理的 Scala 代码的最简单方法是什么 文档来自来自 sbt 的 google 代码站点的 RunningSbt http code google com p simple build
  • Fluent NHibernate - 如何将外键列映射为属性

    我确信这是一个简单的问题 但请考虑以下问题 我对公司和部门之间的参考如下 public class Company public Guid ID get set public Sector Sector get set public Gui
  • 原声音频比较库

    我需要一个处理音频比较的软件或库 但不使用 mp3 内部的标签 它应该比较 2 个音频文件之间的相似性或置信度 或者如果我从音频文件中剪切一段 该软件应该指出它在哪里来自主音频文件的文件令牌 我希望我足够清楚 那么我怎么听说这项技术被称为音
  • 将 Jquery 手风琴扩展到表的行

    我有一张带有可折叠行的桌子 请检查here http jsfiddle net soumyazyx 8Xyjy 10 我只想使用 Jquery UI 手风琴 如图所示here http jqueryui com accordion 我正在尝