資訊專欄INFORMATION COLUMN
摘要：簡介簡介輸入提示自動(dòng)完成插件，類似搜索的自動(dòng)完成的功能，例如，撰寫文章提問時(shí)添加標(biāo)簽的時(shí)候下拉框自動(dòng)的提示。官網(wǎng)使用下載文件在官網(wǎng)下載相關(guān)的文件將這些文件放入項(xiàng)目中，本人習(xí)慣性放入項(xiàng)目的目錄下。
簡介
簡介：輸入提示自動(dòng)完成插件，類似google搜索的自動(dòng)完成的功能，例如，segmentfault撰寫文章、提問時(shí)添加標(biāo)簽的時(shí)候下拉框自動(dòng)的提示。
官網(wǎng)：http://loopj.com/jquery-tokeninput/
下載文件
在官網(wǎng)下載tokeninput相關(guān)的文件：
將這些文件放入項(xiàng)目中，本人習(xí)慣性放入項(xiàng)目的common/plugin/..目錄下。
引入
在html中引入：
代碼示例 html代碼 js代碼
//初始化課程名稱
$("#token-courseId").tokenInput("/server/basic/course/info/list.json",
{
theme: "facebook",
hintText: "請輸入 課程名稱",
noResultsText: "沒有相關(guān)課程",
searchingText: "搜索中...",
preventDuplicates: true,
minChars: 2,
searchDelay: 500
});
//初始化教材名稱
$("#token-bookId").tokenInput("/server/basic/book/info/list.json",
{
theme: "facebook",
hintText: "請輸入 教材名稱",
noResultsText: "沒有相關(guān)教材",
searchingText: "搜索中...",
preventDuplicates: true,
minChars: 2,
searchDelay: 500
});
效果截圖
另，jquery.tokeninput.js中的DEFAULT_SETTINGS設(shè)置中，默認(rèn)是queryParam: "q",可以根據(jù)項(xiàng)目需要設(shè)置為queryParam: "keywords"。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/79175.html
摘要：上一篇輸入提示接著上一篇的功能，繼續(xù)，還是那個(gè)。修改插件源碼后，再次初始化設(shè)置和，代碼如下請輸入課程名稱沒有相關(guān)信息搜索中然后獲取到了和的值，效果如下圖所示 上一篇：JQuery tokeninput 輸入提示 https://segmentfault.com/a/11... 接著上一篇的功能，繼續(xù)，還是那個(gè)html、js。 獲取tokeninput中的數(shù)據(jù)，官網(wǎng)方法如下： Metho...
摘要：好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優(yōu)雅地使用把標(biāo)簽放在結(jié)束標(biāo)簽之后結(jié)束標(biāo)簽之前的差別什么是響應(yīng)式設(shè)計(jì)怎樣進(jìn)行 書籍 《JavaScriptDOM編程藝術(shù)》《JavaScript高級程序設(shè)計(jì)》《JavaScript框架設(shè)計(jì)》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹（修訂版）》《JavaScript設(shè)計(jì)模式》《J...
摘要：好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優(yōu)雅地使用把標(biāo)簽放在結(jié)束標(biāo)簽之后結(jié)束標(biāo)簽之前的差別什么是響應(yīng)式設(shè)計(jì)怎樣進(jìn)行 書籍 《JavaScriptDOM編程藝術(shù)》《JavaScript高級程序設(shè)計(jì)》《JavaScript框架設(shè)計(jì)》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹（修訂版）》《JavaScript設(shè)計(jì)模式》《J...
摘要：好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優(yōu)雅地使用把標(biāo)簽放在結(jié)束標(biāo)簽之后結(jié)束標(biāo)簽之前的差別什么是響應(yīng)式設(shè)計(jì)怎樣進(jìn)行 書籍 《JavaScriptDOM編程藝術(shù)》《JavaScript高級程序設(shè)計(jì)》《JavaScript框架設(shè)計(jì)》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹（修訂版）》《JavaScript設(shè)計(jì)模式》《J...
摘要：客戶端完整代碼實(shí)現(xiàn)用戶輸入搜索內(nèi)容時(shí)自動(dòng)提示搜索服務(wù)器端完整代碼關(guān)閉原文來自 今天突然想給本站做個(gè)搜索頁面，這樣用戶可以通過搜索來找到自己喜歡的內(nèi)容，也避免了在海量信息中手動(dòng)查找資源的麻煩，我的目標(biāo)和百度首頁的效果類似，當(dāng)用戶輸入要搜索的文字時(shí)，我們在下方給出相關(guān)的十條信息，如果用戶要找的就是這十條信息內(nèi)的某一條，那么簡單，直接點(diǎn)擊就可在新頁面中打開頁面，主要就是想更人性化一點(diǎn)，讓用戶...
閱讀 860·2021-09-22 15:18
閱讀 1227·2021-09-09 09:33
閱讀 2781·2019-08-30 10:56
閱讀 1226·2019-08-29 16:30
閱讀 1518·2019-08-29 13:02
閱讀 1489·2019-08-26 13:55
閱讀 1671·2019-08-26 13:41
閱讀 1975·2019-08-26 11:56
