草庐IT

bootstrap-material-design

全部标签

javascript - Bootstrap 模式 - 隐藏一个然后显示另一个

我已经使用jQueryUI很长时间了,但最近出于审美原因切换到Bootstrap。我现在正在努力解决我认为是一个简单的问题,并且想知道其他更熟悉Bootstrap的人是否可以帮助我解决这个问题。我有一个动态创建对话框的通用函数,有时我会显示一个没有按钮的对话框(当处理某些东西时),然后将它切换到一个有按钮的对话框(过程完成-点击好的,例如)。我并不想在这里定义一套流程,所以我基本上是说我希望能够关闭一个对话框并在需要时打开另一个对话框。这就是问题所在。使用Bootstrap,对话框可以动画进出,我喜欢它并希望保留它。不过,我不想在交换对话框时这样做。我可以通过在第一个对话框显示时从第一

javascript - Bootstrap 工具提示不适用于 Font Awesome 图标

我正在使用bootstrap工具提示,但我似乎无法让它与超棒的字体图标一起使用。我可以让它工作:Info但这行不通:这是我的javascript:$(function(){$('[data-toggle="popover"]').popover();$('body').on('click',function(e){if($(e.target).data('toggle')!=='popover'&&$(e.target).parents('.popover.in').length===0){$('[data-toggle="popover"]').popover('hide');}})

javascript - 在 Three.js 中为合并的几何体使用多种 Material

我想使用2个网格创建一棵松树,一个用于树干,另一个用于灌木,这就是我所做的:varpine_geometry=newTHREE.Geometry();varpine_texture_1=THREE.ImageUtils.loadTexture('./res/textures/4.jpg');varpine_geometry_1=newTHREE.CylinderGeometry(25,25,50,6);varpine_material_1=newTHREE.MeshBasicMaterial({map:pine_texture_1});varpine_1=newTHREE.Mesh(p

javascript - Angular Material : layout-fill not filling parent <div>

SampleTextHereSignUp我有上面的HTML部分,我正在尝试使用AngularMaterial的flexbox支持来创建一个页面,该页面的背景图像是整页。叠加在该图像上的是一些文本和一个位于图像中心的按钮。如果我检查chrome中最外层的div,它的大小(如预期的那样)是全屏。由于某种原因,图像div不执行此操作。它只占用足够的空间来包含文本和按钮。任何关于为什么会发生这种情况的见解将不胜感激。我知道这可以通过多种不同的方式使用各种css技巧来完成,但我想了解我对flex的工作原理缺少什么。更新链接到JSFiddle 最佳答案

javascript - 在 bootstrap-select 上显示/隐藏选项?

不久前,我试图在bootstrap-selectlib上写一个小片段,它应该在父选项的点击/更改事件上打开和隐藏一些额外的选项(底部示例中的一半)。它应该如何工作......当用户点击一个特定的选项时,一些带有更多附加信息的附加项会显示在父项的下方。当用户再点击一次时,额外的项目应该被隐藏,子项目会从已经选择的选项中清除。问题是什么?不幸的是,我的jquery水平不高,所以目前我只有/showing/功能,没有/hiding/子项和清除选择(如果选择了隐藏父项的某个子项)。如果父项上的选中箭头不会显示,只会显示在子项上,那就太好了。我的例子这是我的短代码-$('.remove-exam

javascript - 尝试包含 ngMaterial $mdToast、$animate 时出现 Angular Material "[$injector:unpr] Unknown provider"错误

我正在尝试在此应用中使用ngMaterial:Bower.json文件:{"name":"x","version":"0.0.0","description":"x","dependencies":{"bootstrap":"~3","angular":"~1.4.7","angular-resource":"~1.4.7","angular-animate":"~1.4.7","angular-mocks":"~1.4.7","angular-bootstrap":"~0.13","angular-ui-utils":"bower","angular-ui-router":"~0.2

javascript - 在 Wenhixin bootstrap-table 中包含图像

我正在使用Wenhixinbootstrap-table.js。我的表格应该如下表所示。下面给出创建表的代码PictureNamePhoneNumberLoginIDAction但是,如果不将image-url转换为图像,表格如下所示为了获取表格中的个人资料图片,我编写了以下代码。vardata;$.ajax({type:"GET",url:"http://localhost:1337/users",contentType:"application/json;charset=utf-8",dataType:"json",data:"",success:function(data){co

javascript - 如何从后面的代码关闭 Bootstrap 模式?

我正在从模态进行更新操作。当模态弹出时,它会加载我要更新的特定行数据。下面是我的模态代码:×InsertModuleUPDATEEMPLOYEEDETAILFIRSTNAMEMIDDLENAMELASTNAMEEMAILDOBUSERNAMEPASSWORDClose我正在从代码隐藏中加载模态并从代码隐藏中填充其字段。下面是我的隐藏代码:protectedvoidup_tb8_Click(objectsender,EventArgse){vardb=newdbDataContext();Employeeemp=newEmployee();db.Sp_Updatevalue(

javascript - 如何让 Materialize select 下拉菜单与 React 一起使用?

添加以下模板代码providedbyMaterialize不会立即在React组件中工作:ChooseyouroptionOption1Option2Option3MaterializeSelect如何解决这个问题,以便选择下拉菜单正常工作? 最佳答案 解决方法是使用browserdefault作为类名。ChooseyouroptionOption1Option2Option3MaterializeSelect 关于javascript-如何让Materializeselect下拉菜单与

javascript - 如何在用户点击离开时关闭 Bootstrap 弹出窗口(或任何一般项目)?

我在手动模式下使用来自Twitter的Bootstrap库的popover对象,我想知道当用户点击它时我应该如何关闭工具提示。这是我的HTML:Test和我的JavaScript:$('#stats-bar').click(function(e){$(this).popover('show');});当用户点击除弹出窗口本身以外的任何地方时,如何隐藏弹出窗口?我想过在弹出框后面使用一个固定的透明div并设置它的点击事件,但我不确定这是最好的方法。 最佳答案 我最终连接到文档点击事件并在此时隐藏所有工具提示$(document).cl