我正在尝试像在 Github 上一样进行自动完成。我们有一个文本区域,我们在其中写入一些文本。我们还输入 -> '@' 并尝试自动完成用户名。
当我们运行自动完成脚本时,它会删除所有文本。
我的脚本:
function getSign(text){
var indexOfAt = text.lastIndexOf('@');
return indexOfAt;
};
function changeText(event, ui) {
var selectedElement = event.target.innerText;
var text = $(this).val();
text.replace(/@$/ , selectedElement);
$(this).val(text);
}
$(document).ready(function() {
$("textarea#autocomplite").autocomplete({
source: function(request, response) {
$.ajax({
url: "/feeds/autocomplite_search",
data: {
term: request.term.substr(getSign(request.term)+1,request.term.length-getSign(request.term)).trim()
},
success: function(data){
for(i=0; i<data.length; i++){
data[i] = '@'+data[i];
}
return response(data);
}
});
},
minLength: 2,
delay: 400,
disabled: true,
search: function() {
if ( /\s$/.test($(this).val()) ) {
$(this).autocomplete('disable');
};
},
select: changeText
});
$("textarea#autocomplite").keyup(function() {
if ( /@$/.test($(this).val()) ) {
$(this).autocomplete('enable');
};
});
});