2012-04-27 36 views
0

我想實現jquery選項卡上工作的輸入鍵,以便按下輸入鍵控制傳遞給下一個我寫了下面的代碼,只有當頁面是第一次加載和當我再次去第一個標籤,並嘗試按Enter鍵進入下一個標籤它不工作。我使用jQuery的標籤http://jqueryui.com/demos/tabs/jquery選項卡上輸入鍵只能工作一次

$("#tab-div").keypress(function (e) { 

     if (e.which == 13) { 
      var selected = $("#tab-div").tabs("option", "selected"); 
      $("#tab-div").tabs("option", "selected", selected + 1); 
      return true; 
     } 
    }); 

感謝,

+0

,能得到任何的JavaScript錯誤在您的控制檯?每當某些事情「不起作用」時,通常看起來正在發生。另外,有沒有可能你有多個ID爲'tab-div'的div?如果存在多個ID,則可能會遇到綁定到ID的問題 – veeTrain 2012-04-27 12:10:32

+0

我已編輯該問題,請現在檢查它 – asifa 2012-04-27 12:12:30

回答

0

嘗試bind事件的元素,或者使用live

$("#tab-div").live("keypress", function (e) { 
    if (e.which == 13) { 
     var selected = $("#tab-div").tabs("option", "selected"); 
     $("#tab-div").tabs("option", "selected", selected + 1); 
     return true; //this might not be required 
    } 
}); 
+0

我希望當選項卡處於焦點時,然後按下回車鍵,它應該移動到下一個標籤。截至目前,如果我輸入我的任何文本框,然後焦點傳遞到下一個選項卡。 – asifa 2012-04-27 12:25:32

+0

你能提供你的HTML代碼的一些片段嗎? – Bongs 2012-04-27 12:34:17

+0

我正在使用http://jqueryui.com/demos/tabs/#mouseover,而不是鼠標懸停,我希望它在輸入密鑰上完成。 – asifa 2012-04-27 12:37:17