草庐IT

bootstrap-wysihtml

全部标签

javascript - 如何在鼠标悬停时打开 react-bootstrap Dropdown?

好的,问题很简单。我需要在鼠标悬停而不是单击时打开下拉菜单。目前我的代码如下。isOpen=true}open={isOpen}noCaretid="language-switcher-container">OnlyoneItem如您所见,我尝试了onMouseEnter但没有效果。有人可以解决这个问题吗?我应该传递什么属性来实现这一点。API页面在这里react-bootstrapAPIpage 最佳答案 exportclassNavextendsReact.Component{constructor(props){super(p

javascript - 推特 Bootstrap : Remove/Toggle the active state of checkbox-like button group

使用twittersBootstrap,我创建了一个具有单选框行为的按钮组,让用户可以在不同状态之间进行选择。这按预期开箱即用。我用这里的例子安排了一个jsFiddle:http://jsfiddle.net/jpxWj/我尝试(并且想要)的是当我第二次点击事件按钮时可以移除按下状态。我尝试使用jQuerysremoveClass()从btn类中删除active类,但它不起作用。(我也尝试使用.on()删除,但这只会使事件始终隐藏/删除) 最佳答案 Hereyougo,在我看来,这是一个未知的事件现象。您可以阅读更多相关信息here

javascript - 可拖动的 JS Bootstrap 模式 - 性能问题

对于工作中的项目,我们使用JavaScript中的BootstrapModal窗口。我们想让一些窗口可移动,但我们遇到了JQuery的性能问题。$("#myModal").draggable({handle:".modal-header"});Example,Source.在IE9中,它按预期工作。在Chrome中,水平拖动正常,垂直拖动速度较慢但没有问题。在Firefox中,水平拖动按预期工作,但垂直拖动非常慢。这很奇怪,因为示例窗口的图形并不繁重,而且JQuery应该规范浏览器行为。我尝试在不使用JQuery的可拖动对象的情况下解决这个问题,但我遇到了同样的问题。所以我有几个问题:

javascript - 使用 angular-ui bootstrap 和 typeahead-loading

所以我似乎无法弄清楚如何在我的typeahead获取远程数据时使用typeahead-loading属性来显示微调器。我在任何地方都找不到它的使用示例。当我们开始请求时,这个值是否需要我们在范围内手动设置?然后在请求完成时手动将其设置为false?有时这些有棱Angular的东西有魔力,我永远不确定后端是否发生了一些额外的事情来处理其中的一些事情。只是一个简单的例子,说明如何在预先加载中使用该值会很好。我只是想不出如何正确使用它。当然,很多Angular文档都缺乏一些更复杂的功能的好例子。 最佳答案 在我看来,文档对此并不清楚:“绑

javascript - Bootstrap-select on click 获取点击值

我正在使用jQuery插件:bootstrap-select.js我的HTML是select(multiple)->option。我想在用户选择或取消选择选项时获取当前单击的选项值。示例:用户选择项目4=console.log项目4。然后用户还选择项目2=console.log项目2。目前我正在获取项目4,项目2...他们总是在一个数组中,而不是单独的。我的最终目标是根据用户的选择在页面上显示和隐藏div。将有多个选择选项字段。HTML代码:2">Item1Item2Item3Item4Item5Item6JS代码:$("select#team").on("change",functi

javascript - 检查是否有任何 Bootstrap 模式打开

如何检查当前是否打开了任何Bootstrap模式?背后的原因:如果模式打开,我想停用某些键盘处理程序。 最佳答案 如果你正在使用jquery,你可以使用这个:functionisABootstrapModalOpen(){return$('.modal.in').length>0;}普通JS解决方案:functionisABootstrapModalOpen(){returndocument.querySelectorAll('.modal.in').length>0;}此解决方案适用于任何模态,而不仅仅是特定模态。编辑:上面的代码

javascript - 如何使用 github.com/1000hz/bootstrap-validator 的自定义验证器

来自文档http://1000hz.github.io/bootstrap-validator/:Addcustomvalidatorstoberun.ValidatorsshouldbefunctionsthatreceivethejQueryelementasanargumentandreturnatruthyorfalsyvaluebasedonthevalidityoftheinput.Objectstructureis:{foo:function($el){returntrue||false}}Addingthevalidatortoaninputisdonejustlike

javascript - 带有 ng-repeat 的 bootstrap-labels 之间没有间距

当我使用angular.js中的ng-repeat添加标签时,它们显示时没有间距。这是一个Plunker这证明了这一点。但是如果我手动添加标签,只是复制了html,那么它们将以空格显示。有没有办法像在纯Bootstrap中那样在标签之间添加空白而无需额外的样式? 最佳答案 您可以将HTML标记更改为此...Mypanel{{tag}}演示:http://bootply.com/113372 关于javascript-带有ng-repeat的bootstrap-labels之间没有间距,我

javascript - 文档中的 Bootstrap 3 垂直词缀菜单示例 - 调整大小问题

我正在尝试使用Bootstrap3verticalscrollspy,但是我找不到源代码中包含的任何示例。我继续从这里删除文档页面http://getbootstrap.com/javascript/但是我在侧边栏上遇到了一些非常奇怪的调整大小错误-特别是:在页面刷新时,导航栏已定位并且工作正常,但在页面调整大小时,它可能会从页脚下方掉落,或者在内容结束前消失。当刷新并且浏览器视口(viewport)显示页脚(而不是内容)时,侧导航栏显示在页脚中,而它应该停止并与内容的末尾对齐。如果浏览器窗口最大化,单击导航项不会滚动到相应的标题元素。我的问题的视频演示在这里http://youtu.

javascript - 在 wysiHTML5 编辑器中以编程方式插入 HTML

我找到了javascript所见即所得编辑器wysiHTML5.我正在尝试添加元素到编辑器或以编程方式打开粗体。我的代码是:vareditor=newwysihtml5.Editor("textarea",{toolbar:"toolbar",stylesheets:"css/wysihtml5.css",parserRules:wysihtml5ParserRules});editor.observe("load",function(){editor.composer.commands.exec("bold");});我做错了什么吗? 最佳答案