我试图jquery ui autocomplete在我的远程模式中实现它不起作用,而autocomplete在常规静态页面上工作.
对于远程模态,我使用宝石的组合:modal-responder-rails和rails-bootstrap-modal
这是我的autocomplete代码:
jQuery(function() {
var data = $('#book_subcategory_name').data('autocomplete-source');
var NoResultsLabel = "No Results";
return $('[id*="book_subcategory_name"]').autocomplete({
delay: 0,
position: {
my: "left+0 top+4"
},
source: function(request, response) {
var results = $.ui.autocomplete.filter(data, request.term);
if (!results.length) {
results = [NoResultsLabel];
}
response(results);
},
select: function (event, ui) {
if (ui.item.label === NoResultsLabel) {
event.preventDefault();
}
},
focus: function (event, ui) {
if (ui.item.label === NoResultsLabel) {
event.preventDefault();
}
}
}); …Run Code Online (Sandbox Code Playgroud)