0
我有一個自動完成輸入框。當我開始在輸入框中寫入內容時,我想顯示「x」鏈接。但它不起作用。我不知道什麼是錯誤的。 這裏是我的代碼和下面的jsfiddle。自動完成焦點無法正常工作
<style>
.icon-removeSearchItem{
position: absolute;
margin-left: -16px;
display:none;
}
</style>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"Ruby",
"Scala",
"Scheme"
];
$("#tags").autocomplete({
source: availableTags
});
});
</script>
<script>
$(document).ready(function() {
$('input').focus(function(){
if(this.value==this.defaultValue)this.value='';
var value = $(this).val();
if($('input').val().trim().length > 0 && value != "Add Comment"){
$(".icon-removeSearchItem").show();
}
});
});
</script>