2012-11-01 141 views
0

Im努力創建一個使用jquery的標籤技術,以便用戶可以使用tab鍵並通過容器div中的定位標籤進行導航。我希望活動錨點在突出顯示時突出顯示。這可能嗎? 謝謝,元素與jQuery的標籤

我下面的嘗試,這失敗了。

$(document).ready(function() { 
    var tabindex = 1; 
    var obj = $('#myDiv').find('a').first().focus(); 
    $('#myDiv').find('a').each(function() { 
     $(this).attr("tabindex", tabindex); 
     $(this).css('border', 'solid 1px black'); 
     tabindex++; 
    }); 
}); 
+0

「失敗」是不夠的細節。嘗試描述運行此腳本後發生的情況。 –

+0

在這裏看到http://jsfiddle.net/HNgNn/ –

+0

從jsfiddle這個例子我不知道如何添加一個背景色突出顯示樣式,當用戶使用'標籤'鍵和瀏覽頁面。 –

回答

2

Tabbing本質上集中了一個控件。您只需訂閱focus事件即可。

所以假設你有一個highlight功能的地方,和selector字符串的標籤訂單項目:

$(selector).focus(function() { highlight($(this)); }); 
+0

也許有些代碼會讓James更清楚。 :-) – gmaliar

+1

當然,補充.... –

+0

關於如何解決這個請任何想法? –