jQuery UI Accordion Header中的输入框

Question

我在标题上有输入框的jQuery UI手风琴：

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

http://jsfiddle.net/7VN8h/

正如预期的那样，Accordion捕获了标题内发生的所有空格和箭头按键 - 因此无法正确写入输入框。有没有办法摆脱这种行为，并在打字时使用空格和箭头？

Answer 1

您可以停止从输入控件

传播关键事件

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

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

演示：Fiddle

Answer 2

如果您希望能够在不触发accordion元素的情况下在文本字段中输入输入，请添加以下内容：

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

<强> jsFiddle example

Answer 3

以下代码对我有用：

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