jQuery $ (). фокус не работает

Question

jQuery $ (). фокус не работает

0

Я пытаюсь использовать метод jQuery focus(), и я не понимаю, почему он не работает. Здесь скрипка: http://jsfiddle.net/3RGRv/4/

Когда вы нажимаете "Ready to rock", вызывается обработчик кнопки и внутри него $('#playlistNameInput').focus();

Консоль регистрирует сообщения, подтверждающие, что это было достигнуто и обработано, но до сих пор не происходит никакого фокуса. Любая идея, почему это так?

Ladybro 11 янв. 2014, в 02:08

Источник

0

Если элемент не отображается (или, по крайней мере, рассматривается как часть макета), он не может быть сфокусирован. Подождите, пока не закончится анимация, затем вызовите focus . Если это не сработает, я не знаю почему. Сочетание Backbone и jQuery довольно сложно. PS </button> не закрывается <input>
Ry-♦ 11 янв. 2014, в 00:25
0

Примечание: вы должны проверить свой HTML-код, который выявит множество потенциальных проблем. Например, HTML документ должен иметь head секцию, а не header раздела. validator.w3.org
Guffa 11 янв. 2014, в 00:35
0

<input> minutes </button> LOL Я думаю, вы забыли удалить </button> когда скопировали код.
Derek 朕會功夫 11 янв. 2014, в 00:36

Показать ещё 1 комментарий

Теги:

javascript

jquery

2 ответа

Ещё вопросы

Если элемент не отображается (или, по крайней мере, рассматривается как часть макета), он не может быть сфокусирован. Подождите, пока не закончится анимация, затем вызовите focus . Если это не сработает, я не знаю почему. Сочетание Backbone и jQuery довольно сложно. PS </button> не закрывается <input>
Примечание: вы должны проверить свой HTML-код, который выявит множество потенциальных проблем. Например, HTML документ должен иметь head секцию, а не header раздела. validator.w3.org
<input> minutes </button> LOL Я думаю, вы забыли удалить </button> когда скопировали код.

Rohit Agrawal · Answer 1 · 2014-01-10T22-15-00.000Z

использовать это

 setTimeout(function(){$('#playlistNameInput').focus();},500);

knrz · Answer 2 · 2014-01-10T22-31-00.000Z

Первая проблема заключается в том, что в #step1 у вас есть случайные теги для кнопок. Input являются самозакрывающимися.

Здесь очищенная версия для шагов 1 и 2:

// Step 1
<input id="playlistNameInput" size="10">
that has at least <input id="totalHours" size="2"> hours and
<input id="totalMins" size="2"> minutes of music.</p> 
// Step 2
<input id="songTitle" placeholder="Title">
<input id="songArtist" placeholder="Artist">
<input id="songMinutes" placeholder="Minutes">
<input id="songSeconds" placeholder="Seconds">

Во-вторых, когда вы нажимаете "Ready to Rock", вы #playlistNameInput на #step2, у которого нет #playlistNameInput.

Наконец, переместите $('#playlistNameInput').focus() fadeOut $('#playlistNameInput').focus() в fadeOut чтобы он запускался после того, как следующий шаг исчез.

$("#prompt").fadeOut('10000', function()
{
   $("#step1").css("visibility", "visible").hide().fadeIn('slow');
   $('#playlistNameInput').focus();
});

Готово. Здесь убирается, работает скрипка.