1. 程式人生 > >應用第三方的jQuery Tag外掛

應用第三方的jQuery Tag外掛

問答系統是很多網站都有的功能。 然而在釋出問題時需要將問題對應到多個標籤, 為了幫助使用者快速而方便地完成操作, 可以藉助於一個第三方的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 //區分大小字
   });
});