登录  /  注册

请问这种添加‘热门标签’的插件是什么?如下图所示

php中文网
发布: 2016-06-13 12:19:57
原创
762人浏览过

请教这种添加‘热门标签’的插件是什么?如下图所示。

看源码里的写法,我不觉得这是自己自主开发的,应该是插件吧,但是我找不到具体插件,
有知道的说一下吧。
------解决思路----------------------
这个比较杂,搜索的时候用到了autocomplete,样式就自己写

<br />$("#ask-search-tag").autocomplete(wd_gettagUrl,{<br />    matchContains:true,<br />    delay:500,<br />    cacheLength:100,<br />    matchSubset:true,<br />    minChars:1,<br />    width:250,<br />    max:20,<br />    extraParams:{type:'fastask'},<br />    scrollHeight:500,<br />    parse: function(data){<br />        return $.map(eval(data), function(row) {<br />            return {<br />                data: row,<br />                value: row.tagname,<br />                result: row.id,<br />                result1:row.fave_count,<br />                result2:row.tagimg<br />            }<br />        });<br />    },<br />    formatItem: function(row, i, max){<br />        if(row.id==0){<br />            return '<span>创建 '+row.tagname+' 话题</span>';<br />        }<br />        if(row.id==-1){<br />            return '<span>'+row.tagname+' 正在审核</span>';<br />        }<br />        if(row.id==-2){<br />            return '<span>请使用已存在的话题</span>';<br />        }<br />        return '<img     style="max-width:90%"  style="max-width:90%" src="'+row.tagimg+'"/ alt="请问这种添加‘热门标签’的插件是什么?如下图所示" ><p>'+row.tagname+'</p>';<br />    }<br />}).result(fastaskaddtag);<br />var addid=1;<br />function fastaskaddtag(event,item){<br />    $("#ask-search-tag").val('');<br />    if(item.id==-1 <br><font color='#FF8000'>------解决思路----------------------</font><br> item.id==-2){<br />        return false;<br />    }<br />    var err_tag=$('.err_tag'); err_tag.hide();<br />    var tagcount=$("#ask-tags-item div").length;<br />    if(tagcount>=5){<br />        err_tag.text('最多添加五个话题').show();<br />        $("#ask-search-tag").hide();<br />        return false;<br />    }<br />    var exists='';<br />    $('#ask-tags-item a[name=removetag]').each(function() {<br />        if(item.id==$(this).attr('data') && item.id!=0){<br />            exists=1;<br />        }<br />    })<br />    $('#ask-tags-item span').each(function() {<br />        if(item.tagname==$(this).text()){<br />            exists=1;<br />        }<br />    })<br />    if(exists==1){<br />        err_tag.text('已添加过该话题').show();<br />        return false;<br />    }<br />    var length=mb_strlen(item.tagname);<br />    var sublen=Math.ceil(length/2);<br />    if(sublen>25){<br />        err_tag.text('话题长度只能是50个字符或25个汉字').show();<br />        return false;<br />    }<br />    var addstatus=1;<br />    var addmsg='';<br />    if(item.id==0){<br />        $.ajax({<br />            type:'post',<br />            url:wd_AddTagBySearchUrl,<br />            async:false,<br />            data:{<br />                tagname:item.tagname<br />            },<br />            success:function(res){<br />                res=eval("("+res+")");<br />                addstatus=res['status'];<br />                addmsg=res['msg'];<br />                item.id=res['msg'];<br />            }<br />        });<br />    }<br />    if(addstatus==0){<br />        if(addmsg=='login'){<br />            showLogin();<br />        }else{<br />            $('.err_tag').text(addmsg);<br />            $('.err_tag').show();<br />            $("#ask-search-tag").flushCache();<br />        }<br />        return false;<br />    }<br />    var addhtml='<div><span>'+item.tagname+'</span><a href="javascript:;" data='+item.id+' class="t_rem" name="removetag"></a></div>';<br />    $("#ask-tags-item").append(addhtml);<br />    if((tagcount+1)==5){<br />        $("#ask-search-tag").hide();<br />    }<br />    $("#ask-tags-item a[name=removetag]").unbind('click').click(function(){<br />        removetag($(this));<br />    })<br />}<br />
登录后复制

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号