Поле ввода в JQuery UI аккордеон Заголовок

Question

У меня есть JQuery UI аккордеон с полем ввода на заголовок:

<h3><input type="text" /></h3> 

http://jsfiddle.net/7VN8h/

Как и следовало ожидать, гармонь улавливает все пространство и стрелка нажатия клавиш, которые имеют место в заголовке - поэтому запись в поле ввода невозможна. Есть ли способ избавиться от этого поведения и использовать пространство и стрелки при вводе там?

Answer 1

Вы можете остановить распространение ключевых событий от входного контроля

$(function() { 
    $("#accordion").accordion(); 

    $("#accordion h3 input").on('keydown', function (e) { 
     e.stopPropagation(); 
    }) 
}); 

Демо: Fiddle

Answer 2

Если вы хотите, чтобы иметь возможность ввести ввод в текстовое поле, не вызывая элемент аккордеона , добавьте это:

$('input').click(function (e) { 
    e.stopPropagation(); 
}); 

jsFiddle example

Answer 3

Ниже код работал хорошо для меня:

$('#TSResultContent input[type="textbox"]').keydown(function (e) { 
    e.stopPropagation(); 
});