jQuery 手风琴焦点

2024-02-08

这是我的第一篇文章,如果您想了解更多信息,请告诉我!

我正在使用选择列表和 jQuery 手风琴。当用户从列表中选择一个值时,它会使用 activate 方法打开折叠面板的相关部分。

除了将窗口集中在手风琴上而不是让用户留在同一个地方之外,这工作得很好。

有谁知道如何防止这种情况?


您也许能够存储当前活动的元素,并在用户单击手风琴标题后恢复焦点。

您可以使用以下代码检索当前聚焦的元素:

function onElementFocused(e)
{
    if (e && e.target)
        document.activeElement =
        e.target == document ? null : e.target;
} 

if (document.addEventListener)
    document.addEventListener("focus", onElementFocused, true); 

这会将当前聚焦的元素保留在 document.activeElement 变量中。

使用手风琴的“changestart”和/或“change 事件”,您可以在每次手风琴更改时将焦点恢复到所需的元素。

您可能需要添加一两个子句来防止将折叠式标题 div 设置为上述代码中的当前活动元素,否则您将仅将焦点恢复到折叠式标题。

上面的代码未经测试,就像想法一样,但我相信它应该可以工作。

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

jQuery 手风琴焦点 的相关文章

  • jQuery .append 不起作用

    我想在我的表单中插入一些东西 这些东西被硬编码到插件中 我不想弄乱插件文件 所以我发现 append 我写过类似的东西 据我所知它应该有效 Chrome 中的控制台没有显示任何错误 这是有什么问题吗 由于 wordpress 安全模式 我正
  • 未捕获的类型错误:无法读取未定义的属性“toLowerCase”

    我收到此错误 它源自 jquery 框架 当我尝试加载准备好的文档上的选择列表时 出现此错误 我似乎无法找到为什么会出现此错误 它适用于更改事件 但在尝试手动执行该函数时出现错误 未捕获的类型错误 无法读取未定义的属性 toLowerCas
  • 在 javascript 中访问 ajax POST 响应

    我正在从 javascript 函数发出 ajax POST 请求 function UpdateMetrics ajax type POST url MyHandler ashx Param1 value1 data contentTyp
  • 使用 jquery 通配符检查 cookie 名称

    我有一个生成动态 cookie 的表单 例如 webform 62 1234356 62 1234356 可以是任意数字 我需要使用一些通配符检查来检查名称以 webform 开头的 cookie 是否存在 下面不起作用 if cookie
  • 比较表中的行以了解字段之间的差异

    我有一个包含 20 多列的表 客户端 其中大部分是历史数据 就像是 id clientID field1 field2 etc updateDate 如果我的数据如下所示 10 12 A A 2009 03 01 11 12 A B 200
  • jQuery 在 Chrome 下发现错误元素

    我使用 jQuery 迭代 HTML 表 并动态填充每行的行号 通过在文本框中填充行号 function updateRowNums myTable find tr each function index this find input i
  • 如何使用JQuery和Django(ajax + HttpResponse)?

    假设我有一个 AJAX 函数 function callpage ajax method get url abc data x 3 beforeSend function success function html IF HTTPRESPO
  • jQuery 检索和设置 html select 元素的选定选项值

    我正在尝试使用 jQuery 检索并设置选择元素 下拉列表 的选定值 为了检索我已经尝试过 myId find selected val 也 myId val 但两者都返回未定义 任何对此问题的见解将不胜感激 要获取 设置选择元素的实际 s
  • jqGrid刷新本地数据(JSON对象)

    我正在尝试将 jqGrid 与本地数据一起使用 但发现了几个问题 我正在初始化这样的事情 function refreshGrid grid results grid jqGrid data results datatype local c
  • 检测 WebGL 支持的正确方法?

    我正在尝试跨多个浏览器检测 WebGL 支持 并且遇到了以下情况 当前版本的 Firefox 似乎使用以下检查来报告积极支持 即使访问者的视频卡被列入黑名单和 或 WebGL 被禁用 if window WebGLRenderingCont
  • 如何设置视频文件的预览,从输入类型='文件'中选择

    在我的模块之一中 我需要从 input type file 浏览视频 之后我需要在开始上传之前显示选定的视频 我使用基本的 HTML 标签来显示 但它不起作用 这是代码 document on change file multi video
  • 如何找到div的第一个直接子元素

    这应该很容易 但我做不到 我有一个 id 为 LeftScrollableDiv 的 div 元素 我试图找到它下面的第一个子元素 LeftScrollableDiv first child div table table div 但结果为
  • 单击导航项锚链接时如何关闭切换菜单

    请看我的FIDDLE http jsfiddle net ayhpp8ax 我有一个带有 响应式 导航菜单 带有指向页面上元素的锚链接 的 1 页网站 当浏览器视口小于特定宽度 在我的情况下为 767px 时 使用此 javascript
  • 如何发送正确的授权标头以进行基本身份验证

    我正在尝试从 API 发布数据 但无法通过基本身份验证 I try ajax type POST url http theappurl com api v1 method data crossDomain true beforeSend f
  • 如何删除除任何特定 id 之外的元素

    假设有一个父 id 其中包含许多元素 我想删除除一个元素之外的所有元素 ex parent id children not id n remove
  • jQuery .push 到 .get 调用中的数组给出空结果

    谁能告诉我为什么下面给我一个空字符串 当我console log contentArray in the get 回调函数它显示数据 但是当我尝试在下面的代码中执行它时 结果为空 sectionArray contentArray func
  • 按下回车键时不刷新页面

    我遇到了一些问题 只要表单中有输入 回车键就会触发页面刷新 下面的代码 如果按下回车并且文本区域 input 中没有输入任何文本 则不会刷新页面 但是如果按下回车并且 input中有输入或者光标位于文本区域 我不确定是什么触发了它 因为 s
  • 如何通过单击链接来更改 div 的内容?

    这是我的网页的 修改后的 jsfiddle 它还有很多 而且定位是正确的 与此相反 http jsfiddle net ry0tec3p 1 http jsfiddle net ry0tec3p 1 a href class btn1 st
  • 如何使用 JavaScript 或 jQuery 克隆 HTML 元素的样式对象?

    我正在尝试克隆元素的样式对象 这应该允许我在更改后重置所述元素的样式 例如 el style left 50px curr style left 50px Modify the elements style The cloned style
  • 主页(网格)上的缩略图现在显得模糊。如何纠正?

    我不知道这看起来是否愚蠢 但从早上开始我就无法纠正这个突然出现在我的博客网站上的错误www candidopinions in http www candidopinions in 我有一个网格视图模板 其中博客文章中的特色图像作为调整大小

随机推荐

  • 如何使用 Xamarin.Forms 将搜索栏添加到页面顶部,例如工具栏项目图标

    我正在此页面中使用 masterdetail 页面 我正在使用选项卡式页面 现在我想在页面顶部显示工具栏图标和搜索栏 我能够放置工具栏图标 但与搜索栏斗争 如何将其放置在其顶部行为应与 Whatsapp 应用程序和 YouTube 应用程序
  • 检查变量是否属于 Typescript 中的自定义类型

    我正在尝试检查变量是否属于某种类型 Code type GeneralType SubTypeA SubTypeB type SubTypeA type1 type2 type SubTypeB type3 type4 function s
  • 在 ggplot2 示例中绘制来自 vegan 的 ordiellipse 不起作用

    我正在尝试在 ggplot 中绘制一个带有椭圆体的 pca 双图 我在中找到了一个例子这个线程在这里 https stackoverflow com questions 13794419 plotting ordiellipse funct
  • Ninject 会调用 dispose 并关闭 NHibernate Isession 吗?

    我将 ASP NET MVC 3 与 Ninject 和 NHibernate 一起使用 当想到 DI 时 我认为获得资源的人也确保关闭它 在这种情况下 Ninject 应该负责 但我不确定 Ninject 在使用 InRequestSco
  • Google日历api CalendarList列表返回空元素

    EDIT 原来的海报要求这个C 但是无论使用什么库都会出现同样的问题 其解决方案是独立于语言 使用 C 库 string service account email protected cdn cgi l email protection
  • 对话框中存在的数字选择器 (Android)

    我正在尝试在我的应用程序中实现 NumberPicker 我希望视图如图所示对话指南 http developer android com guide topics ui dialogs html 即 当我实现数字选择器时我得到什么 另外
  • 在 Javascript 中将属性附加到冒泡事件对象

    在 Chrome Firefox 中 我可以将自定义属性附加到一个处理程序中的事件对象 并在同一事件的不同处理程序中读取它们 即使事件处理是冒泡的 我不能在 IE 中做同样的事情 当事件冒泡时 我的自定义属性丢失了 您知道是否有任何解决方案
  • 从批处理文件返回错误消息

    我正在从 VBA 对批处理文件进行脱壳 以启动 exec 文件 例如 Notepad exe 如果未找到 exec 文件 我想向 VBA 返回指示或消息 到目前为止 我一直通过让bat 将消息写入文本文件 然后让VBA 检查该文件来完成此操
  • 如何正确使用 ManagedObjectID?

    我正在尝试的是这样的 1 创建一个新的托管对象 2 获取它的临时ID myMO objectID 3 将该 ID 转换为 NSURL 以便我可以保存它以供将来参考 NSManagedObjectID moID myMO objectID N
  • Hibernate - 类级别 @Where 注释未在该类的集合上强制执行?

    我在类级别使用 Where 属性注释了 Hibernate 实体 这限制了当我直接查询它时加载哪些实体 但它似乎不适用于该类的集合 这是可以预料的吗 文档对此并不清楚 http docs jboss org hibernate core 3
  • 解析/格式化日期时间时如何控制时区偏移中“:”的出现

    我正在使用一个协议 在指定日期时间信息时可以选择包含时区偏移量 我的代码是用 C 编写的 我们使用 4 0 NET 运行时 我看到有一个格式化选项 zzz http msdn microsoft com en us library 8kb3
  • 如何将嵌套字典转换为 pandas 数据框

    我正在尝试转换包含其他数据帧的数据帧 例如 id 3241234 data name carol lastname netflik office num 3543 department trigy 我尝试使用 pd DataFrame fr
  • Typo3 版本 8 登录循环

    我有一个关于 Typo3 版本 8 LTS 的问题 我已经通过安装程序工具安装并配置了 TYPO3 但是 当我在安装后尝试登录时 登录过程会卡住 我得到的唯一信息是登录按钮显示 验证登录数据 旁边有一个旋转的加载符号 有人可以帮我解决这个问
  • Ajax FormData 追加列表对象

    您好 我在将数据发布到控制器时遇到问题 现在我有以下一个模型 public class Media public int Id get set public string Category get set public string Gui
  • 就地数组重新排序?

    假设我有一个数组a长度n和第二个数组indices 也有长度n indices包含序列的一些任意排列 0 n 我想重新安排a这样它就按照指定的顺序indices 例如 使用 D 语法 auto a 8 6 7 5 3 0 9 auto in
  • 调用ActiveRecord的#relationship_ids = [1,2,3]立即保存。有什么解决方法吗?

    我在 ActiveRecord 的 relationship ids 方法中遇到了一个奇怪的问题 当您声明 has many 时会自动添加 该方法会立即保存现有记录 这给我带来了一些问题 我想知道是否有人有任何有用的建议 我正在运行 Rai
  • 这个javascript的结果是什么?

    function getAttackString var foo d322yvb34 var bar x3nj4nhj9 return The code is foo substr 3 foo length 6 bar substr 2 我
  • JAX-RS 和 JSON 搞砸了

    我已经设置了这个简单的 Java 类 import javax xml bind annotation XmlRootElement XmlRootElement public class Person private int id pri
  • 使用 jquery-uidraggable 对可拖动对象进行分组

    我想使用 jquery Draggable droppable 让用户选择一组对象 每个对象在角落里都有一个复选框 然后将所有选定的对象作为一组拖动 我一辈子都不知道该怎么做 哈哈 我认为这将导致一个可用的解决方案 在每个可拖动对象上 使用
  • jQuery 手风琴焦点

    这是我的第一篇文章 如果您想了解更多信息 请告诉我 我正在使用选择列表和 jQuery 手风琴 当用户从列表中选择一个值时 它会使用 activate 方法打开折叠面板的相关部分 除了将窗口集中在手风琴上而不是让用户留在同一个地方之外 这工