目次
ディスカッションへの返信 (解決策)
ホームページ バックエンド開発 PHPチュートリアル 「人気のタグ」を追加するこのプラグインは何ですか?以下に示すように。

「人気のタグ」を追加するこのプラグインは何ですか?以下に示すように。

Jun 20, 2016 pm 12:56 PM


ソースコードの記述を見ると、自分で独自に開発したプラグインではないと思うのですが、具体的なプラグインが見つかりません
ご存知の方いらっしゃいましたら。 、 教えてください。


ディスカッションへの返信 (解決策)

この種のプラグインについては知りませんが、jquery を使用して自分で同様のプラグインを作成しました。 🎜>

この種のプラグインについては知りません。私は jquery を使用して同様のプラグインを作成しました。


ソース コードを共有できますか?
これは、検索時にオートコンプリートを使用したため、自分でスタイルを記述するだけです。


$("#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 width="45" height="45" src="'+row.tagimg+'"/><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));    })}
ログイン後にコピー

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

11ベストPHP URLショートナースクリプト(無料およびプレミアム) 11ベストPHP URLショートナースクリプト(無料およびプレミアム) Mar 03, 2025 am 10:49 AM

11ベストPHP URLショートナースクリプト(無料およびプレミアム)

Laravelでフラッシュセッションデータを使用します Laravelでフラッシュセッションデータを使用します Mar 12, 2025 pm 05:08 PM

Laravelでフラッシュセッションデータを使用します

LaravelのバックエンドでReactアプリを構築する:パート2、React LaravelのバックエンドでReactアプリを構築する:パート2、React Mar 04, 2025 am 09:33 AM

LaravelのバックエンドでReactアプリを構築する:パート2、React

Laravelテストでの簡略化されたHTTP応答のモッキング Laravelテストでの簡略化されたHTTP応答のモッキング Mar 12, 2025 pm 05:09 PM

Laravelテストでの簡略化されたHTTP応答のモッキング

PHPのカール:REST APIでPHPカール拡張機能を使用する方法 PHPのカール:REST APIでPHPカール拡張機能を使用する方法 Mar 14, 2025 am 11:42 AM

PHPのカール:REST APIでPHPカール拡張機能を使用する方法

Codecanyonで12の最高のPHPチャットスクリプト Codecanyonで12の最高のPHPチャットスクリプト Mar 13, 2025 pm 12:08 PM

Codecanyonで12の最高のPHPチャットスクリプト

2025 PHP状況調査の発表 2025 PHP状況調査の発表 Mar 03, 2025 pm 04:20 PM

2025 PHP状況調査の発表

Laravelの通知 Laravelの通知 Mar 04, 2025 am 09:22 AM

Laravelの通知

See all articles