如何在jQuery 1.10中为动态创建的元素添加jquery ui自动完成?

 狠毒的水瓶_617_223_489_321 发布于 2023-02-06 18:02

这几乎是这个问题的逐字帖.但是,一旦你转到jQuery 1.10,代码就不再有用了.

我确实将调用更改为"实时"方法,并将其切换为使用较新的"on"方法.我还需要做些什么来修复这个http://jsfiddle.net/sacredfaith/6t74T/458/?

$(function() {
var options = {
    source: [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
        ],
    minLength: 2
};

$(document.body).on("keydown.autocomplete", "input.searchInput",function(){
    $(this).autocomplete(options);
});

var addInput = function() {
    var inputHTML = " ";
    $(inputHTML).appendTo("form#myForm");        
    $("input.searchInput:last").focus();
};

if (!$("form#myForm").find("input.searchInput").length) {
    addInput();
}

$("input#addButton").click(addInput);
});

到目前为止,我的搜索已经产生了使用弃用的jquery库的方法.我需要一个更新的版本,但在过去几个小时的工作中未能找到成功......

编辑:小提琴链接和代码更新,以反映"on"语法更改.
EDIT2:感谢您的耐心等待.

参考:对于1.10解决方案,请参阅所选答案的评论中的小提琴,否则使用1.9,直接在所选答案中查看小提琴.

1 个回答
  • 你没有包含jquery ui库,也像动态元素一样使用它

    $(document.body).on('focus', 'input.searchInput' ,function(){
        $(this).autocomplete(options);
    });
    

    小提琴

    2023-02-06 18:04 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有