0

因此，我开发了一些 jQuery 功能，可以找到一个 <SELECT> 元素，将其隐藏，然后用一个充满图像的 <DIV> 替换它。<DIV> 允许用户进入它，然后，它侦听左/右箭头按键事件，突出显示适当的图像（即，将所需的 img 设置为完全不透明，使其他图像变灰）。您可以将其与传统的 HTML 进行比较，在传统 HTML 中，您可以通过选项卡选择 SELECT 并使用向上/向下键来更改所选项目。

我使用通过 jQuery 添加的基本 HTML 来添加新的可选项卡 DIV 元素：

jQuery('#desiredOuterDomObjectID').prepend("<div tabindex='0' id='mnu1'>");

这适用于我表单上 3 个 SELECT 元素中的 2 个。

所以，这里是第三个 SELECT 元素的问题：我将无数的 jQuery 函数更进一步，并将它们包装到一个适当的插件中。我的代码的插件版本还创建了一个完美工作的、可选项卡的 <DIV> ，其中包含可以键入的 IMG 对象的内部数组。唯一的区别是：虚线高亮边框框不会出现在这个特定的 <DIV> 元素上。

当然，目标是在整个 HTML 表单中使用我的“改进”插件代码，并放弃我早期的开发工作.. 除了我似乎无法让我的插件在其他正常的可选项卡 DIV 上创建可见边框。

4

1 回答 1

0

我终于弄清楚了我的 DIV 元素之间的区别。

除了我添加到它们中的 tabindex 属性之外，前两个元素（当它们成为焦点时正确显示了虚线轮廓）似乎还分配了某种类型的height属性。

胭脂 DIV 元素（也包含 tabindex 属性）没有指定任何高度（我认为它可能会自动获得高度，因为它包含 IMG 元素，类似于其他 DIV 元素）。

一旦我使用 javascript 为其 style.height 属性分配像素值，指示选项卡焦点的虚线边框开始正确显示。

于 2013-01-02T21:16:38.017 回答