腾讯云·社区
如何将jQueryUI自动完成添加到动态创建的元素中？内容来源于 Stack Overflow，并遵循CC BY-SA 3.0许可协议进行翻译与使用
内容来源于 Stack Overflow，并遵循CC BY-SA 3.0许可协议进行翻译与使用
- 回答 (2)
- 关注 (0)
- 查看 (115)
我试图让jQueryUI自动完成来触发动态创建的表单输入元素，但它不起作用。我尝试在$.live()中使用keyup.autoComplete和keydown.autoComplete作为绑定事件，但是它绑定到新元素--只有页面上已经存在的元素。
JavaScript：
$(function() {
$("input#addButton").click(function() {
$("input.searchInput:last").clone(true).appendTo($(this).closest("form"));
$("input.searchInput:last").val("");
})
$("input.searchInput").live("keydown.autocomplete", function() {
$(this).autocomplete({
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
});
})
});HTML：
<form name="myForm" method="post">
<input id="addButton" name="addButton" type="button" value="Add an input" />
<input name="search" value="" class="searchInput" maxlength="20" />
</form>这样做是可行的：
$(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
};
$("input.searchInput").live("keydown.autocomplete", function() {
$(this).autocomplete(options);
});
var addInput = function() {
var inputHTML = " <input name='search' value='' class='searchInput' maxlength='20' />";
$(inputHTML).appendTo("form#myForm");
$("input.searchInput:last").focus();
};
if (!$("form#myForm").find("input.searchInput").length) {
addInput();
}
$("input#addButton").click(addInput);
});<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script> <form id="myForm" name="myForm" method="post"> <input id="addButton" name="addButton" type="button" value="Add an input" /> </form>
腾讯云GPU服务器不能联外网吗？
推荐
win服务器怎么给文件夹配置755权限？
腾讯云sdk 兼容JDK6？
推荐
android 离线推送 为什么setOfflinePushListener不回调？
推荐
您好，使用云通信 IM SDK 的通知栏提醒，建议参考：https://cloud.tencent.com/document/product/269/9234
中的描述来操作，通知栏提醒的内容由类 TIMOfflinePushNotification 来定义，可以通过这个类对外...... 展开详请
为什么cmq的topic配置订阅者为queue，向topic发送消息无法到达queue？
推荐
是的， 向topic发送消息应该会立即投递到订阅者。您可以检查您配置的队列名称是否正确且是真实存在的队列。如还不能解决您的问题，您可以点击控制台右上角的“工单”，进行问题进一步的排查，腾讯云会有专业的售后24小时为您服务。
脏字过滤只支持 TIMTextElem 消息，对自定义消息无效，请问有接口可以主动检查吗？
推荐
您好,脏字检查的内容包括单聊和群组消息（只检查文本消息 TIMTextElem，不支持对自定义消息 TIMCustomElem 的过滤）、群名片、群组资料（群名称、群简介、群公告）用户资料和好友关系链中 bytes 类型的数据（如昵称、好友备注和好友分组等）。目前没有这样的接口喔...... 展开详请
所属标签
jQuery UI
扫码关注云+社区