如何在jQuery UI滑块Handle上更改tabindex？

Question

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

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

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

据我所知，为什么有人会像这样设置一个网站，但这是在我进入图片之前。任何帮助将不胜感激！提前谢谢！

Answer 1

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

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