custom tabbable DIV元素虛線邊框不一致應用

Question

因此，我開發了一些jQuery功能，它可以找到一個< SELECT>元素，隱藏它，並用一個< DIV>全部圖像替換它。所述< DIV>允許用戶標籤進去，然後，它偵聽左/右箭頭按鍵事件，突出適當的圖像（即，期望的IMG到完全不透明套，變灰其它圖像）。您可以將其與傳統的HTML進行比較，您可以在其中選擇一個SELECT並使用向上/向下鍵更改所選項目。

我使用通過jQuery加入基本的HTML添加新tabbable DIV元素：

jQuery的（ '＃desiredOuterDomObjectID'）前置（ 「< DIV的tabindex = '0' 的id = 'mnu1'>」 ）;

這適用於我的窗體上的3個SELECT元素中的2個。

所以，這裏是爲第三SELECT元素的問題，我拿了無數的jQuery功能一步，它們包裹成一個適當的插件。我的代碼的插件版本也創建了一個完美的工作，可以通過可以鍵入的IMG對象的內部數組來創建一個DIV> DIV>。唯一的區別是：虛線邊框突出顯示框不會在這個特別的< DIV顯示>元素。

當然，我們的目標是在整個HTML表單中使用我的「改進」插件代碼，並處理我之前的開發工作..除非我似乎無法讓我的插件在其他方面創建可見邊框正常的tabbable DIV。

Answer 1

我終於想通了，我的DIV元素之間的差異。

看來，前兩個元素，除了我已經加入到他們我的tabIndex屬性（Tab鍵他們，當成爲關注的焦點，其顯示正確的虛線輪廓），也有一些類型高度財產分配給他們。 （還包含tabindex屬性）DID沒有指定任何高度（我認爲它可能會自動獲得高度，因爲它包含IMG元素，類似於其他DIV元素）。

一旦我用JavaScript來給它的style.height屬性分配的像素值，表示標籤焦點，虛線邊框開始正確顯示。