1

Tag-it 是一个 jquery UI 插件，允许从前端分配标签，就像 stackoverflow 中的标签系统一样。 http://aehlke.github.io/tag-it/

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

实际上，在 my 中调用所需的脚本后<head>，我只是输入了我的代码源：

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

并像这样调用函数：

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

执行后，最终的代码源是（假设我插入了一个标签）：

<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 回答