jQuery手风琴 - 将光标焦点放在搜索文本框中

时间:2013-12-24 21:36:55

标签: jquery jquery-ui-accordion

  • 想通了,谢谢!

当点击'搜索'手风琴时,我正试图将注意力集中在搜索文本框上。

这是我的js代码:

  $("#accordion").accordion({
    event: "click hoverintent",
    autoHeight: false,
    activate: function (event, ui) {
    $("#searchForm input:text").first().focus();
   }
});

$("#Search_Term").autocomplete(
    {
        source: arrEmp,
        minLength: 2,
        delay: 100

    });

这是HTML:

 <body>
   <div id="accordion">

  <h3>Section 1</h3>

    <div>
       Loreum ipsum tes

    </div>

 <h3>Section 2</h3>

    <div>

        <form id="searchForm">
            Search
            <input type="text" name="Search_Term" id="Search_Term" />
            <input type="submit" name="btnSubmit" value="Search" />
        </form>

    </div>

  <h3>Section 3</h3>

    <div>
        <p>Data Test</p>
        <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>
</div>

如果我在JS Fiddle中复制/粘贴这些代码,它会起作用,但出于某种原因,它在我的代码中不起作用。

2 个答案:

答案 0 :(得分:0)

首先尝试使用此ID

$("#Search_Term").focus();

如果你想像你提到的那样打电话试试这个

$("#searchForm input[type='text']:first").focus();

请确保您写的是$(document).ready()

希望有所帮助

答案 1 :(得分:0)

试试这个:

$('#accordion').click(function() { $(this).find('h3').next('div').find("input#Search_Term").focus(); });