Question

Tag-it是一个jquery UI插件，允许从前端分配标签，就像stackoverflow中的标签系统一样。 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>

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

<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"放在input内的tag-it的jquery脚本中，我也尝试将dir="rtl"放入<ul>，但无济于事。我确信自定义这个插件，以便它从右到左输入是超出我的知识领域，这就是为什么我要求你平常的帮助，这是永远的赞赏。

如何使tag-it的输入字段从右到左工作？

Answer 1

css文件中有一个类：

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

当您尝试添加文本框时，它会使您的代码正确。

从右到左的输入字段 - Tag-it jquery UI插件

1 个答案: