Jquery 我可以将tagit与twitter引导一起使用吗?
我正在尝试整合twitter引导的功能 我知道tagit依赖于jQueryUI实现自动完成等功能。是否可以改用twitters引导Jquery 我可以将tagit与twitter引导一起使用吗?,jquery,tags,twitter-bootstrap,Jquery,Tags,Twitter Bootstrap,我正在尝试整合twitter引导的功能 我知道tagit依赖于jQueryUI实现自动完成等功能。是否可以改用twitters引导 基本上,我希望tagit能让用户快速单击并从列表中删除项目,但不希望在我的网站上引入另一个java脚本库。tagit很好,我还没有找到合适的替代品。好消息是,您可以自己设计标签输入的样式,使其在Bootstrap中看起来很好 SCSS: CSS: 做了一个小的,就是工作,虽然有点难看。实际上,我不太擅长CSS样式设计,因此,希望您能对这个示例进行改进,使其完全完美。
基本上,我希望tagit能让用户快速单击并从列表中删除项目,但不希望在我的网站上引入另一个java脚本库。tagit很好,我还没有找到合适的替代品。好消息是,您可以自己设计标签输入的样式,使其在Bootstrap中看起来很好 SCSS: CSS:
做了一个小的,就是工作,虽然有点难看。实际上,我不太擅长CSS样式设计,因此,希望您能对这个示例进行改进,使其完全完美。如果您不介意jQuery UI的依赖性,您可以使用样式设计jQuery UI,使其看起来像默认的引导主题。它应该可以很好地使用Tag It——如果没有,请告诉我,因为我自己还没有使用过它(我是Tag It的作者)。这里还有一个多类型的版本:。但它仍然是文本,这让我更接近。现在,如果我可以添加tagit的样式,那将是完美的:)是的,我也很感兴趣。我将检查此问题以了解更多更新。还要注意的是,修改后的插件允许重复条目。喜欢你的问题。我一直在努力让typeahead+tagsinput在Bootstrap3中协同工作,但没有成功。我知道TagIt的存在,但我不想将jQueryUI与Bootstrap一起使用。我将尝试下面发布的答案。嗨,你能把那个小的SCSS片段渲染成普通的CSS吗?这将有助于像我这样懒惰的windows用户…嘿,我可以扩展标记以使用引导typeahead吗?任何关于如何做到这一点的想法都会非常有帮助。@Gauravgat我想要更好的引导支持。我正在开发一个CSS版本,它将删除jQueryUICSS依赖项,并允许tagit通过引导的CSS进行样式化。我想下一步将允许将jQueryUIAutoComplete替换为typeahead。。。还不知道我将如何做到这一点,不期待它tbh:)因为我想保持API的简单。我只是用bootstrap 3.0尝试了它,打破了它:-)我想你的意思是,取代bootstrap?我可以建议,只添加一个css版本,在引导下工作吗?也许我自己最终会这么做
ul.tagit {
margin-left: 0;
input { @include box-shadow(none); }
}
ul.tagit {
margin-left: 0;
}
ul.tagit input {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}