草庐IT

bootstrap-wysihtml

全部标签

javascript - 如何获取 Twitter Bootstrap 按钮组中选定按钮的值

如果我在bootstrap中有一个如下所示的单选按钮组:1234如何获取/设置所选值? 最佳答案 要设置事件元素,请将类active添加到您想要选择的任何按钮(并取消选择其余部分)。$('.btn-group>.btn').removeClass('active')//Removeanyexistingactiveclasses$('.btn-group>.btn').eq(0).addClass('active')//Addtheclasstothenthelement要获取当前事件按钮的html/文本内容,请尝试如下操作:$('

javascript - 如何在运行时更改 Bootstrap (twitter)进度条的颜色

我正在使用这个进度条:http://twitter.github.com/bootstrap/components.html#progress并且想给它一个自定义颜色,只在运行时才知道(所以硬编码在css或更少的文件中不是一个选项)我已经试过了:$('#pb').css({'background-color':"red"})没有成功。 最佳答案 您的代码实际上是有效的,只是进度条实际上使用渐变作为颜色而不是纯background-color属性。要更改背景颜色,请将background-image设置为none,您的颜色将被拾取:$

javascript - 如何使用 react-bootstrap 创建动态下拉列表

例子code在react-bootstrap站点中显示以下内容。我需要使用数组来驱动选项,但我找不到可以编译的示例。select(multiple)... 最佳答案 可以从这两个函数入手。第一个将根据传递给页面的Prop动态创建您的选择选项。如果它们映射到状态,则选择将重新创建自己。createSelectItems(){letitems=[];for(leti=0;i{i});//hereIwillbecreatingmyoptionsdynamicallybasedon//whatpropsarecurrentlypassedt

javascript - 如何使用 Twitter Bootstrap 在按钮单击时导航到另一个页面?

我必须呈现驻留在templates/home.html中的html页面我在index.html中有一个按钮:Browse我想要做的就是当我点击浏览时,它带我到home.html我尝试将jQuery编写为://onClickon'Browse'loadtheinternalpage$(function(){$('#browse_app').click(function(){$.load('templates/home.html');});});但这不起作用,因为加载需要将数​​据放在当前页面的某处如何在单击按钮时转到home.html? 最佳答案

javascript - 如何要求 btn-radio Angular Bootstrap 按钮?

我正在使用一组Bootstrap标签按钮作为单选按钮(正如它们在此处的AngularBootstrap文档中所述-http://angular-ui.github.io/bootstrap/)。他们工作得很好。我唯一的问题是,您如何对它们应用验证?你如何要求一个被选中?复选框也是如此。对此有什么想法吗?我敢肯定我不是唯一这样做的人。以下是html/angular的片段。YesNo 最佳答案 我有类似的问题。我准备了以下解决方法,以使用不可检查的UIBootstrap单选按钮验证“必需”。为单选按钮提供不同的ng-model为实际的n

javascript - 如何使用 angular ui bootstrap 在 pop 上显示 html?

我像这样制作弹出窗口演示。当我单击按钮时,它会在右侧显示一个弹出窗口。但现在的问题是我将如何在弹出窗口上显示一些html。Rightangular.module('plunker',['ui.bootstrap']);我有这个HTML我需要如何在弹出时添加它。我知道在bootrap.js中有办法在弹出窗口上添加html。我不想使用它我想使用AngularUIbootrap.jsaddrowDeleterow我做了更多类似的尝试,但未定义。可能我错了,我只是在做RNDRightvara=angular.module('plunker',['ui.bootstrap']);a.direct

javascript - 如何使用 'manual' 作为 Twitter Bootstrap 框架中弹出窗口的触发选项?

在TwitterBootstrap框架中,Twipsy和Popover插件都将“手动”列为触发工具提示的选项。如何使用手动选项(即它的实际效果是什么-如何激活工具提示)?回答这就是我最终使用的(利用“切换”):jQuery(document).ready(function($){$('.popup-marker').popover({html:true,trigger:'manual',}).click(function(){$(this).popover('toggle');});}); 最佳答案 您可以通过以下方式激活它:$('

javascript - 带有 Primefaces (JSF) 的 Twitter Bootstrap

我正在尝试将Primefaces3.2(也许它通常与JSF相关)与TwitterBootstrap2.0.2(http://twitter.github.com/bootstrap)一起使用。我在入门示例(http://twitter.github.com/bootstrap/examples/starter-template.html)中添加了一个下拉菜单,其中包含以下脚本:这在JSF页面上工作正常,但如果我添加一个简单的p:dataTable下拉菜单不再起作用。我想它与JavaScript相关,但不确定在哪里搜索此错误。 最佳答案

javascript - Bootstrap (4) 可以与 Angular Material (2) 一起集成吗?

我想使用AngularMaterial2库,因为它的(不断增加的)组件列表。但我习惯于Bootstrap,它是响应式实用程序和典型事物的轻量级UI之类的好东西。我所说的Bootstrap主要是指它的CSS部分,我几乎从不需要它的JS功能。例如,在Materiallilbrary中,列表组的样式几乎为零,而Bootstrap则通过其css提供了样式。我记得读过,将它们结合起来并不是一个好主意,主要是因为它们的全局应用程序范围样式会发生冲突。我找不到那个来源,我很好奇-当前版本是这样吗?如果是这样,究竟有什么冲突以及如何解决? 最佳答案

javascript - AngularJS 如何为 Bootstrap 模式创建可重用的模板

所以我正在使用AngularJSBootstrap模态(http://angular-ui.github.io/bootstrap/)。哪个工作正常,但我想知道我是否可以创建一个可以包含标题和内容的基本模板。然后它会用这些信息填充我的模板。该模板将有一个关闭按钮、取消按钮、叠加层等。AngularJS是否有一种简单的方法来执行此操作?这是从示例中提取的,它是关于我所拥有的。我的内容在templateUrl中。传入模态模板会很好,这样我就不必为我创建的每个模态重新创建标题和关闭按钮。varmodalInstance=$modal.open({templateUrl:'myModalCon