1

Tag-it は、stackoverflow のタグ システムとまったく同じように、フロント エンドからタグを割り当てることができる jquery UI プラグインです。 http://aehlke.github.io/tag-it/

https://github.com/aehlke/tag-it/blob/master/README.markdown

実際、 内で必要なスクリプトを呼び出した後<head>、コード ソースを挿入しました。

<ul id="myTags">
</ul>

そして、次のように関数を呼び出します。

<script type="text/javascript">
    $(document).ready(function() {
        $("#myTags").tagit();
    });
</script>

実行後の最終的なコード ソースは次のとおりです (1 つのタグを挿入したとしましょう)。

<ul id="myTags" class="tagit ui-widget ui-widget-content ui-corner-all">
   <li class="tagit-choice ui-widget-content ui-state-default ui-corner-all tagit-choice-editable">
       <span class="tagit-label">tag1</span>
       <a class="tagit-close">
       <span class="text-icon">×</span>
       <span class="ui-icon ui-icon-close"></span>
       </a>
       <input dir="rtl" type="hidden" style="display:none;" value="tag1" name="tages[]">
  </li>
  <li class="tagit-new">
  <input dir="rtl" type="text" class="ui-widget-content ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
  </li>
</ul>

dir="rtl"内にtag-itのjqueryスクリプトを入れようとしましたが、input入れようとしましたが、役に立ちませんでした。入力が右から左になるようにこのプラグインをカスタマイズすることは、私の知識の範囲を超えていると確信しています。dir="rtl"<ul>

tag-it の入力フィールドを右から左に機能させるにはどうすればよいですか?

4

1 に答える 1

3

cssファイルにクラスがあります：

ul.tagit li {
/* add this lines */
float: right;
list-style: disc outside none;
}

テキストボックスに追加しようとすると、タグが右になります。

于 2013-05-30T12:14:10.990 に答える