カスタマイズ用HTMLテンプレート

Question

私はここで見つけるブートストラップタグを見てを取っている：http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

私はタグに追加アンカー/リンクを追加するためにレンダリングされているのHTMLにフックできるようにしたいと思います生成されます。アイテムが追加される前にアイテムを表示することができますが、レンダリングされるのを防ぐ以外には必ずしも対話することはできません。beforeItemAdd()というイベントがあります。

ここにHTML出力をカスタマイズする方法がありますので、私のタグに「x」以外の追加リンクを追加できますか？ CSSクラスを適用するだけではうまくいかないので、実際のマークアップを変更してタグにコンテンツを追加できるようにする必要があります。

また、タグのHTMLレンダリングのカスタマイズを可能にするタグ付けを含むソリューションが公開されています。

Answer 1

プラグインソースを深く掘り下げることなく（私はこのプラグインを一度も使用していません）、またはどのデータが格納されているかを把握することなく、イベントコールバックにthisを使用してプラグインがラップするタグ要素をすべて見つけて見つけてください。

たびにクラスを追加して、あなたはすでに修正されているものを知っていると、そのクラスのない1は以下のようになり、あなたの新しい1これは、我々がする必要がある全体を選択していない実際のタグをつかむようだ

$('input').on('itemAdded', function(event) { 
    var $cont = $(this).siblings('.bootstrap-tagsinput'), 
     $tag = $cont.find('.tag').not('.modified').addClass('modified'); 
     $tag.doSomeStuff();  
});