jquery - 使用 jQuery Tag-it 进行水平滚动

Question

我正在使用jQuery Tag-it来做我正在做的事情。但是，我不喜欢这样，每当我输入太多标签时，溢出就会出现在我已经输入的标签下方，而不是仅仅将较新的标签附加到我已经输入的任何内容的右侧。

我想要的是将标签始终附加到其他标签的右侧，并允许用户水平滚动以查看新标签。

这是我一直在尝试使用的示例页面：http: //aehlke.github.com/tag-it/examples.html

这是我的第一次尝试：

ul.tagit { height: 40px; overflow-x: auto; }

第二次尝试：

ul.tagit { height: 40px; overflow-x: auto; white-space: nowrap; }
ul.tagit li { display: inline; }

两者似乎都不起作用。

Answer 1

你能创造一个小提琴吗？这似乎使用inline http://jsfiddle.net/REGGC/

Answer 2

来自 btevfik 的代码在作品下找到：http: //jsfiddle.net/btevfik/qUsG8/

然而，我在这段代码中遇到的问题是，在删除标签时<ul>弹出到第二行，并在删除标签时立即再次跳起来。这可以通过 animate: false 在 tag-it.js 文件中设置来解决。