首页 » SEO优化 » 仿微博php源码技巧_Atjs 仿微博提到的人功能插件

仿微博php源码技巧_Atjs 仿微博提到的人功能插件

duote123 2024-11-16 0

扫一扫用手机浏览

文章目录 [+]

github地址:https://github.com/ichord/At.js

At.js示例

仿微博php源码技巧_Atjs 仿微博提到的人功能插件

At.js 有如下几个功能特点:

仿微博php源码技巧_Atjs 仿微博提到的人功能插件
(图片来自网络侵删)

1.可以监听任何字符,不仅仅只是’@‘,可以设置监听不同的字符和利用不同的数据。

2.支持同时利用静态数据和动态数据(通过AJAX),静态数据会被优先利用,然后再用AJAX加载找不到的值。

3.可以给多个文本框设置监听事宜。

4.内置缓存支持。

5.可以利用模板设置数据的显示格式。

6.鼠标/键盘掌握:Tab或Enter键选择,Up和Down键高下导航。

7.支持输入搜索。

大略利用方法:

引用JS和CSS

<link href=\"大众css/jquery.atwho.css\"大众 rel=\公众stylesheet\"大众>

<script src=\"大众http://code.jquery.com/jquery.js\"大众></script>

<script src=\"大众js/jquery.caret.js\"大众></script>

<script src=\"大众js/jquery.atwho.js\"大众></script>

开始侦听(inputor为textarea或者编辑器的ID 现在也支持百度的编辑器了):

$('#inputor').atwho({

at: \公众@\"大众,

data:['Peter', 'Tom', 'Anne']

})

一样平常@的数据都是从后台传过来的那么就要利用AJAX了。

1.大略的利用AJAX:

直接把data参数换成AJAX地址 如:

data:'htttp://www.test.com'

1.AJAX高等版(通过输入的关键词搜索干系信息):

$('#inputor').atwho({

at: \公众@\公众,

callbacks: {

remoteFilter: function (query, callback) {

if (query !== '') {

$.getJSON('http://127.0.0.1/personal/test/test.php', {empname: query}, function (data) {

callback(data);

});

} else {

}

}

}

})

标签:

相关文章

语言枚举类型,探索人类语言多样性的奥秘

语言是人类交流的重要工具,也是人类文明发展的重要标志。随着全球化进程的不断推进,各种语言枚举类型应运而生。本文将从语言枚举类型的定...

SEO优化 2024-12-29 阅读1 评论0

语言栏消失,科技变革下的挑战与机遇

近年来,随着科技的飞速发展,智能手机、平板电脑等移动设备的普及,语言栏这一功能已经成为了我们日常生活中不可或缺的一部分。近期有消息...

SEO优化 2024-12-29 阅读1 评论0

语言混合现象的多元魅力与挑战

语言混合作为一种跨文化交流的现象,逐渐成为世界范围内语言学研究的热点。它不仅丰富了语言的多样性,也反映了全球化背景下人类社会的交流...

SEO优化 2024-12-29 阅读1 评论0

语言是思想的载体,介绍语言与思想的关系

在人类文明的进程中,语言一直扮演着至关重要的角色。它不仅是人们沟通交流的工具,更是承载着人类思想的载体。自古以来,人们就深知语言与...

SEO优化 2024-12-29 阅读1 评论0