我有一个 Jquery 自动完成菜单,底部有一个图像 - 添加了下面的代码。
有没有办法让 Jquery 自动完成菜单在我单击图片后关闭(消失)?
感谢您的帮助。
<script>
$(function() {
var availableTags = [
"new york, ny",
"new york city, ny",
"manhattan, ny",
"queens, ny",
"brooklyn, ny",
"bronx, ny",
"staten island, ny",
"kings county, ny",
"richmond county, ny",
"big apple, ny"
];
$( "#tags" ).autocomplete({
source: availableTags,
open: function (event, ui) {
var nyc="<img src=\"images/iloveny.jpg\" onclick=\"DoGood()\"/>";
$(this).autocomplete("widget").append(nyc);
},
});
});
</script>
最佳答案
在点击事件上,调用 $( "#tags").autocomplete( "close");
。
这是我的做法...
$("#tags").autocomplete({
source: availableTags,
open: function(event, ui) {
var nyc = $("<img />", {
src: "http://www.gravatar.com/avatar/8a3efc8be996c87da020df31e2416151?s=32&d=identicon&r=PG",
alt: ""
});
nyc.click(function() {
$(event.target).autocomplete("close");
});
$(this).autocomplete("widget").append(nyc);
}
});
jsFiddle .
关于Jquery 自动完成关闭功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9345623/