Bootstrap tagsinput不工作

我剛剛遇到Bootstrap tagsinput，我正在嘗試它，但我似乎無法讓它工作。Bootstrap tagsinput不工作

我增加了以下在我的佈局的頂部：

<link rel="stylesheet" href="~/Scripts/bootstrap_tagsinput/bootstrap-tagsinput.css">

我加在我的佈局底部的以下內容：

<script src="~/Scripts/bootstrap_tagsinput/bootstrap-tagsinput.js"></script>

然後在我的部分頁面添加以下：

<input type="text" value="" data-role="tagsinput" id="tags" class="form-control">

下面是發生了什麼事情的圖像，而不是顯示的標籤：

據我瞭解，這應該工作。我錯過了什麼？

來源

2016-11-02 AxleWack

可能的來源（腳本或CSS不是所有文件）在您的網絡服務器上找到。嘗試通過在Chrome – Banzay

中按Ctrl + Shift + I來檢查頁面，看起來似乎是個問題。輸入框不顯示？錯誤？你可以提供一個jsfiddle或圖像說明問題 – mkawa

我添加了一個圖像正在發生。 – AxleWack

添加此鏈接到網頁

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css"> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

DEMO

Bootstrap - tagsinput，Github - Reference

來源

2016-11-02 12:22:58

您的演示正是我想要的......我試圖把這些放在我的PartialView中，它並沒有工作，我也試圖把它放在我的佈局，它也沒有工作... – AxleWack

我收回了我以前的陳述，我在你的Demo中使用了這些例子，並且讓它工作了！不知道我以前做錯了什麼，但是我明顯做了一些事情導致它不起作用，謝謝！ – AxleWack

沒有你初始化你的輸入像

$('input').tagsinput({ 
    typeaheadjs: { 
    name: 'citynames', 
    displayKey: 'name', 
    valueKey: 'name', 
    source: citynames.ttAdapter() 
    } 
});

來源

2016-11-02 12:11:14

我以前試過$（'＃tags'）。tagsInput（）;並嘗試了上面的建議，但沒有區別:( – AxleWack

Bootstrap tagsinput不工作

回答

相關問題