如何更改 jQuery UI 的滑块句柄上的 tabindex？

Question

我有一个滑块，我需要将 tabindex 更改为 -1。我知道这是一个巨大的“不”，但开发的网站对于任何使用屏幕阅读器等的人来说已经无用了。

问题是我有一个链接，单击该链接会打开一个颜色框。在该颜色框内是一个表格，在结尾滑块上分为“幻灯片”。我已将表单元素全部设置为 -1 选项卡索引，但其中一个表单问题有一个 Jquery UI 滑块元素，允许人们设置他们的高度。

元素本身是一个带有类的锚标记：“ui-slider-handle”，但它是在页面加载后创建的，所以我不能只做简单的 jQuery。我尝试使用 .live 函数，但它需要一个事件类型。我不希望它基于事件，而不仅仅是创建时间。除非您认为 Keydown 的主要目标是阻止用户按下 Tab 键并移动表单包含在其中的滑块而不使用滑块的下一个和上一个导航。

我知道为什么有人会这样设置网站令人困惑，但这是在我进入图片之前。任何帮助将不胜感激！提前致谢！

Answer 1

您说它是“在页面加载后创建的”。什么引擎正在创建元素？您应该能够执行 Javascript 代码，或者至少在元素创建后立即调用 Javascript 函数，在此期间您可以将属性添加到具有该类的所有元素：

$('.ui-slider-handle').attr('tabindex', '-1');