2013-05-30 35 views
1

標籤 - 這是一個jQuery UI插件,允許從前端分配標籤,就像標籤系統在stackoverflow中。 http://aehlke.github.io/tag-it/從右到左輸入字段 - 標記它的jquery UI插件

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"中的jQuery腳本標籤,它的input裏面,我也試圖把dir="rtl"<ul>,但無濟於事。我相信定製這個插件,使它從右到左的輸入超出了我的知識領域,這就是爲什麼我要求你平時的幫助,這總是值得讚賞的。

如何使標籤的輸入字段從右向左工作?

回答

3

有在CSS文件中的類:

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

當您嘗試在文本框中添加它將使你的標籤正確。

+0

感謝您對此問題的快速回答,我會測試並回來給出反饋。 –

+0

我已根據您的html UL id更改css id類名稱。請檢查一下。 – skparwal

+0

非常感謝您的時間和幫助。祝你好運 –