2014-02-13 4 views
3

На моем веб-сайте у меня есть несколько форм, которые используют редактируемый плагин для редактирования на месте, но также имеют смешанные тэги и несколько входов для ввода. Я пытался настроить его так, что, когда вы нажимаете клавишу вкладки, он выбирает следующее поле. Поэтому я попытался настроить запрос на это.Вкладка jeditable fields и non-jeditable fields

$('.edit').bind('keydown', function(evt) { 
    if(evt.keyCode==9) { 
    var nextBox=''; 
    var currentBoxIndex=$(".edit").index(this); 

    if (currentBoxIndex == ($(".edit").length-1)) { 
      alert('next please');   
     } else { 
      nextBox=$(".edit").eq(currentBoxIndex+1); 
      $(this).find("input").blur(); 
      $(nextBox).click(); 
      return false;  
     } 
    }; 
}); 

И это работает с полями jeditable, но пропускает любое поле выбора или загружается между ними. Есть ли способ включить поля выбора и так, чтобы он действительно переходил на следующий вход?

+0

Было бы полезно, если вы можете предоставить нам рабочий пример страницы (или, скорее, пример страницы, где все хуже, кроме вашей проблемы). Прямо сейчас, создание страницы примера стоило бы тому, кто хотел бы ответить на этот вопрос гораздо больше времени, чем на самом деле отвечать (что, вероятно, почему никто еще не ответил на него). – Carpetsmoker

+0

@Carpetsmoker Я бы установил примерную страницу, если это было возможно, но, к сожалению, это не так. Jeditable - это плагин, который плохо работает в jsFiddle, поверьте мне, что я пробовал. И даже если бы это сработало, компания, в которой я работаю, не желает, чтобы я делил их html-код по какой-то нечетной причине. – zazvorniki

+0

Вам не нужно разделить все, просто (простую) тестовую/примерную страницу, чтобы продемонстрировать проблему. – Carpetsmoker

ответ

-1

Вы пробовали использовать атрибут HTML tabindex? Он отлично работает для jeditable полей.

Example Fiddle

+0

Это не работает ... Цель состоит в том, чтобы перейти к следующему полю ... это просто сохраняет значение. И дело в том, чтобы вставлять вкладки назад и вперед между jeditable полями и регулярными выборами. – zazvorniki

+0

Обновлено здесь с помощью обычного выбора: http://jsfiddle.net/6RfM8/1/. Вы можете добавлять регулярные выделения в микс со своим собственным tabindex, и он отлично работает. 'tabindex' существует для управления порядком, в котором элементы сфокусированы, когда пользовательские вкладки. Кроме того, вы можете использовать опцию «event: focus» с jeditable и не должны имитировать событие «click». –

+0

Это все еще не работает для меня, даже в скрипке. Это просто сохраняет ценность, и я не хочу этого делать. – zazvorniki