Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.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-1.10.2.js版本中添加Jquery UI自动搜索新追加的输入_Jquery_Jquery Ui_Jquery Ui Autocomplete - Fatal编程技术网

在Jquery-1.10.2.js版本中添加Jquery UI自动搜索新追加的输入

在Jquery-1.10.2.js版本中添加Jquery UI自动搜索新追加的输入,jquery,jquery-ui,jquery-ui-autocomplete,Jquery,Jquery Ui,Jquery Ui Autocomplete,我正在开发一个应用程序,并使用jquery UI自动搜索功能以及jquery-1.10.2.js版本 我参考了autosearch工作正常的在线代码。但示例使用的是.live()(版本jquery-1.6.2.js),该版本在jquery的1.7版本之后被弃用。 我已将.live()修改为.on(),但代码未按预期工作。您可以在下面找到更新的代码 需要知道我做错了什么吗?它与.live()一起工作,但与.on()不同。 就我所知.on()提供与.live()相同的支持 如果有人能帮助我

我正在开发一个应用程序,并使用jquery UI自动搜索功能以及jquery-1.10.2.js版本

我参考了autosearch工作正常的在线代码。但示例使用的是.live()(版本jquery-1.6.2.js),该版本在jquery的1.7版本之后被弃用。


我已将.live()修改为.on(),但代码未按预期工作。您可以在下面找到更新的代码

需要知道我做错了什么吗?它与.live()一起工作,但与.on()不同。 就我所知.on()提供与.live()相同的支持

如果有人能帮助我使代码可行,那就太好了

提前谢谢

致以最良好的祝愿,
Jeet

您可以在创建输入时添加自动完成功能:

var addInput = function () {
    var $input = $("<input name='search' value='' class='searchInput' maxlength='20'/>")
        .appendTo("form#myForm")
        .autocomplete(options)
        .focus();
};
var addInput=函数(){
变量$input=$(“”)
.附录(“表格#我的表格”)
.自动完成(选项)
.focus();
};

替代方法:

  • 输入元素上的陷阱单击事件
  • 查看输入是否具有类
    ui自动完成输入
    
    • 如果不是,则触发
      .autocomplete({})
      构造函数

在第二个JSFIDLE中,没有包含jQuery UI。顺便说一句,删除html字符串输入开头的空格,例如:Hi A.Wolff,谢谢回复。当我选择jquery1.10.1.js时,它没有提供选择jqueryui的选项。在我的应用程序中,我使用jquery-1.10.2.js。我是否需要使用较低版本的jquery使其可行?请你看一下,让我知道你的想法好吗。提前谢谢你,这只是一种愚蠢的行为。您可以使用左侧的
externalresources
面板包含jqueryui。但我希望您不是在使用JSFIDLE开发应用程序。。。编辑:看来我在某种程度上误解了你之前的评论
var addInput = function () {
    var $input = $("<input name='search' value='' class='searchInput' maxlength='20'/>")
        .appendTo("form#myForm")
        .autocomplete(options)
        .focus();
};