編輯:新增working JSFiddleTwitter的引導3事先鍵入的內容/ Tagsinput完成兩次
我使用Twitter的引導TagsInput與引導事先鍵入的內容。我的源代碼是一個json文件,但這是無關的,我檢查了一個靜態源。
的預輸入和tagsinput工作正常,但是當我按回車鍵,選項卡,或點擊一個標籤,它會創建一個重複的完整。
,每當我按回車,或完成預輸入奧妙「默認」情況。如果我用逗號分開,或者將焦點從窗口中分離出來,則不會發生。
這裏是輸入:
<input id="itemCategory" type="text" autocomplete="off" class="tagsInput form-control" name="itemCategory">
這裏是腳本:
<script>
$('.tagsInput').tagsinput({
confirmKeys: [13, 44],
maxTags: 1,
typeahead: {
source: function(query) {
return $.get('listcategories.php');
}
}
});
</script>
我敢肯定,這東西靠不住的,這將不會是可再現的,跟我的運氣,所以我希望有人會有一些他們知道會導致類似事情發生的體制知識。
下面是dev中額外文本的圖像。工具:
我真的很感激任何意見或建議。謝謝。
工作代碼
由於@Girish,下面是什麼 「固定」 這一問題。我相信這是一個錯誤,在更新版本的jQuery或Typeahead的某個地方推出。這段代碼只是手動刪除額外的元素,儘管希望有東西會出現,以防止它被放置在那裏,消除額外的代碼。現在它適用於我。
$('.tagsInput').tagsinput({
confirmKeys: [13, 44],
maxTags: 1,
typeahead: {
source: function(query) {
return $.get('tags.php');
}
}
});
$('.tagsInput').on('itemAdded', function(event) {
setTimeout(function(){
$(">input[type=text]",".bootstrap-tagsinput").val("");
}, 1);
});
你jsfiddle不工作 – Dhiraj 2015-04-01 02:56:08
@DhirajBodicherla由於不工作,你的意思是不顯示我的問題或顯示我的問題? – dcclassics 2015-04-01 03:26:00
http://www.kobrien.me/中包含的文件正面臨'net :: ERR_INSECURE_RESPONSE'錯誤,並且未在小提琴中加載。嘗試包括從一些CDN文件,而不是 – Dhiraj 2015-04-01 03:28:05