JQuery SimpleModal tabing закрыть

Question

Я работаю со следующим набором до:

JQuery - 1.7.1
SimpleModal - 1.4.2

И моя проблема заключается в том, что по причинам доступности Я хотел бы чтобы сосредоточиться на модальном окне при его открытии и разрешить пользователям ударять по вкладке, чтобы перейти к закрывающей кнопке, и нажмите кнопку «Ввод», чтобы закрыть окно.

То, что я использую simplemodal для на странице, - это просто показать таблицы в полноразмерном виде, которые не подходят для исходной сетки. У меня, следовательно, нет полей ввода и т. Д., Единственное, на что я могу сосредоточиться, - это div, работающий как контейнер для простогомодального окна, simplemodal-wrap, и да мы работаем с HTML 5.

Я выполнил шаги предлагаемые здесь, tab order for links in a simplemodal dialog, который сделал меня способным поставить акцент на тесной линии связи, расширяя входную переменную для:

$('#simplemodal-container :input:visible:enabled, #simplemodal-container a:visible') 

Но это, где я застрял, я не могу управлять, чтобы изменить это, чтобы содержать div/table/content, и после того, как у тесной ссылки есть фокус, нажатие клавиши ввода не влияет.

Любые предложения, указатели, решения?

Answer 1

Вы можете связать обработчик события с событием нажатия клавиши на .modalCloseImg. Возможно, вам захочется привязать это немного ближе к статическому элементу, отличному от document, но не увидев HTML, это лучшее, что я могу сделать.

$(document).on("keypress", ".modalCloseImg", function(e){ 
    e.keyCode == 13 ? $.modal.close():""; 
}); 

BTW: Знаете ли вы, что клавиша управления закрывает окно?