Table of Contents
请教这种添加‘热门标签’的插件是什么?如下图所示。
Jun 20, 2016 pm 12:56 PM看源码里的写法,我不觉得这是自己自主开发的,应该是插件吧,但是我找不到具体插件,
有知道的说一下吧。
回复讨论(解决方案)
不知道这种插件,我自己用jquery写过类似的
不知道这种插件,我自己用jquery写过类似的
能否共享一下源码呢 学习学习
这个比较杂,搜索的时候用到了autocomplete,样式就自己写
$("#ask-search-tag").autocomplete(wd_gettagUrl,{ matchContains:true, delay:500, cacheLength:100, matchSubset:true, minChars:1, width:250, max:20, extraParams:{type:'fastask'}, scrollHeight:500, parse: function(data){ return $.map(eval(data), function(row) { return { data: row, value: row.tagname, result: row.id, result1:row.fave_count, result2:row.tagimg } }); }, formatItem: function(row, i, max){ if(row.id==0){ return '<span>创建 '+row.tagname+' 话题</span>'; } if(row.id==-1){ return '<span>'+row.tagname+' 正在审核</span>'; } if(row.id==-2){ return '<span>请使用已存在的话题</span>'; } return '<img src="/static/imghw/default1.png" data-src="'+row.tagimg+'" class="lazy" style="max-width:90%" style="max-width:90%" +row.tagimg+'"/ alt="请教这种添加‘热门标签’的插件是什么?如下图所示。" ><p>'+row.tagname+'</p>'; }}).result(fastaskaddtag);var addid=1;function fastaskaddtag(event,item){ $("#ask-search-tag").val(''); if(item.id==-1 || item.id==-2){ return false; } var err_tag=$('.err_tag'); err_tag.hide(); var tagcount=$("#ask-tags-item div").length; if(tagcount>=5){ err_tag.text('最多添加五个话题').show(); $("#ask-search-tag").hide(); return false; } var exists=''; $('#ask-tags-item a[name=removetag]').each(function() { if(item.id==$(this).attr('data') && item.id!=0){ exists=1; } }) $('#ask-tags-item span').each(function() { if(item.tagname==$(this).text()){ exists=1; } }) if(exists==1){ err_tag.text('已添加过该话题').show(); return false; } var length=mb_strlen(item.tagname); var sublen=Math.ceil(length/2); if(sublen>25){ err_tag.text('话题长度只能是50个字符或25个汉字').show(); return false; } var addstatus=1; var addmsg=''; if(item.id==0){ $.ajax({ type:'post', url:wd_AddTagBySearchUrl, async:false, data:{ tagname:item.tagname }, success:function(res){ res=eval("("+res+")"); addstatus=res['status']; addmsg=res['msg']; item.id=res['msg']; } }); } if(addstatus==0){ if(addmsg=='login'){ showLogin(); }else{ $('.err_tag').text(addmsg); $('.err_tag').show(); $("#ask-search-tag").flushCache(); } return false; } var addhtml='<div><span>'+item.tagname+'</span><a href="javascript:;" data='+item.id+' class="t_rem" name="removetag"></a></div>'; $("#ask-tags-item").append(addhtml); if((tagcount+1)==5){ $("#ask-search-tag").hide(); } $("#ask-tags-item a[name=removetag]").unbind('click').click(function(){ removetag($(this)); })}
Copy after login
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot Article
Repo: How To Revive Teammates
3 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
How Long Does It Take To Beat Split Fiction?
3 weeks ago
By DDD

Hot tools Tags

Hot Article
Repo: How To Revive Teammates
3 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌
How Long Does It Take To Beat Split Fiction?
3 weeks ago
By DDD

Hot Article Tags

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

11 Best PHP URL Shortener Scripts (Free and Premium)

Working with Flash Session Data in Laravel

Build a React App With a Laravel Back End: Part 2, React

Simplified HTTP Response Mocking in Laravel Tests

cURL in PHP: How to Use the PHP cURL Extension in REST APIs

12 Best PHP Chat Scripts on CodeCanyon

Announcement of 2025 PHP Situation Survey
