Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery手风琴-将光标焦点放在搜索文本框上 明白了,谢谢_Jquery_Jquery Ui Accordion - Fatal编程技术网

jQuery手风琴-将光标焦点放在搜索文本框上 明白了,谢谢

jQuery手风琴-将光标焦点放在搜索文本框上 明白了,谢谢,jquery,jquery-ui-accordion,Jquery,Jquery Ui Accordion,当点击“搜索”手风琴时,我试图在搜索文本框上设置焦点 以下是我的js代码: $("#accordion").accordion({ event: "click hoverintent", autoHeight: false, activate: function (event, ui) { $("#searchForm input:text").first().focus(); } }); $("#Search_Term").autocomplete(

当点击“搜索”手风琴时,我试图在搜索文本框上设置焦点

以下是我的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中复制/粘贴这些代码,它就可以工作,但由于某些原因,它在我的代码中不起作用。

请先用它的id这样做

$("#Search_Term").focus();
如果你想像你提到的那样打电话,试试这个

$("#searchForm input[type='text']:first").focus();
请确保您正在写的是$(document).ready()

希望它有帮助

试试这个:

$(“#手风琴”)。单击(函数()
{
$(this.find('h3')。next('div')。find('input#Search_Term')。focus();

});

是否将代码放在处理程序中?是的,它在文档中。就绪功能不确定是否可以这样做,我还需要使用click hoverintent,正如您在代码中看到的那样