首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >从右到左输入字段- Tag-it jquery UI插件

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

Stack Overflow用户
提问于 2013-05-30 19:56:39
回答 1查看 1K关注 0票数 1

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

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

实际上,在我的<head>中调用了所需的脚本之后,我只是放入了我的代码源代码:

代码语言:javascript
复制
<ul id="myTags">
</ul>

并像这样调用函数:

代码语言:javascript
复制
<script type="text/javascript">
    $(document).ready(function() {
        $("#myTags").tagit();
    });
</script>

执行后,最终的代码源是(假设我插入了一个标记):

代码语言:javascript
复制
<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的输入域从右向左工作?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-05-30 20:14:11

css文件中有一个类:

代码语言:javascript
复制
ul.tagit li {
/* add this lines */
float: right;
list-style: disc outside none;
}

当您尝试在文本框中添加时,它会使您的标签向右移动。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16835484

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档