jQuery Tagit！不工作

我正在使用jQuery tagit！庫創建用戶「技能」輸入表單。我認爲這將是一個非常快速和簡單的設置，像大多數jQuery庫一樣，但是我遇到了很大的麻煩。我嘗試了下面的例子中的源代碼，但即使使用直接的源代碼，我也無法使它工作。jQuery Tagit！不工作

我使用這裏找到腳本：https://github.com/aehlke/tag-it/blob/master/README.markdown

這裏是初始化標籤，它庫在標題中的javascript：

$(function() { 
    $('#skills').tagit({  
     singleField: true, 
    }); 
});

這裏是應該的<ul>元素在調用tag-it.js庫時變成輸入字段：

<ul id="skills"></ul>

我包含所有這些文件以使其工作：

<link rel="stylesheet" href="styles/tag-it.css"> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css"> 

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script> 
<script type="text/javascript" src="js/tag-it.js"></script>

所有的文件被正確調用，我沒有收到任何錯誤。 <ul>標籤是沒有輸入表格，除非我手動創建一個

有沒有人有一個線索，爲什麼這是行不通的？我是否需要手動添加輸入字段併爲其指定特定的ID或類？

編輯：這已經解決了。發佈的代碼都是100％正確的，我在標記初始化之前在jquery選擇器中出現錯誤。

來源

2013-01-22 Ty Bailey

對我運行良好：http://jsfiddle.net/RgKuc/ – epascarello

它的確如此，你是對的。但我仍然在我的頁面上遇到這個問題......我的緩存可能與它有關嗎？ –

沒有看到頁面，很難說。你的選擇器在運行嗎？ $（function（）{console.log（$（'＃skills'））; $（'＃skills'）。tagit（{...' – epascarello

我想這個問題是與逗號

你已經把

singleField: true,

，但它必須是

singleField: true

如果你有兩個選擇像

tagSource: availableTags, 
singleField: true

然後只有冷杉t選項將有逗號第二個或最後一個選項（如果有超過2個選項）將不會有逗號

來源

2013-01-30 13:31:55

拖尾逗號是非常好的JavaScript，請參閱http://stackoverflow.com/questions/7246618/trailing-commas-in- JavaScript的 – Philippe

這對我來說是個問題，我的模板有一個鏈接到本地jquery的腳本。所以當我從tagit複製jqueryui和jquery鏈接時，它會重疊。擺脫當地的jquery爲我做了。

來源

2015-11-15 07:10:15

jQuery Tagit！不工作

回答

相關問題