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');
};
});
});