應用第三方的jQuery Tag外掛
阿新 • • 發佈:2018-12-11
問答系統是很多網站都有的功能。 然而在釋出問題時需要將問題對應到多個標籤, 為了幫助使用者快速而方便地完成操作, 可以藉助於一個第三方的jQuery tag外掛, 該外掛允許輸入多個Tag, 並且擁有自動提示功能。 使用關鍵程式碼如下:
<pre name="code" class="javascript"><!--引用外掛--> <script src="~/Scripts/tag-it.min.js"></script> <!--對應Tag的表單域, 通過它服務端獲取資料--> <input name="tags" id="questionTags" type="hidden"/> <!--Tag外掛對應的容器--> <ul id="myTags"></ul> <!--使用外掛, 從服務端獲取json資料作為資料來源--> $.getJSON("資料來源地址", null, function (data) { $("#myTags").tagit({ availableTags: data, //自動提示資料來源, 格式如['c++', 'java', 'php'] autocomplete: { delay: 0, minLength: 2 }, //自動提示 allowSpaces: true, //允許空格 singleField: true, singleFieldNode: $("#questionTags"), //對應表單 singleFieldDelimiter: ",", //分割字元 caseSensitive: false //區分大小字 }); });