草庐IT

bootstrap-material-design

全部标签

javascript - 如何在 Angular Material 动画之后执行代码

我正在使用AngularMaterial在一个网站上。作为响应式框架,它处理不同窗口大小的渲染。改变窗口大小时,添加一些布局变化和控件移动的动画示例:https://material.angularjs.org/latest/demo/gridList(打开链接并调整窗口大小)我在示例中显示的图block上有一些WebGLCanvas,需要在动画完成后重新绘制(并且容器具有最终尺寸)。如何获得一些回调或promise以完成UI动画? 最佳答案 此问题的解决方案是将属性md-on-layout添加到md-grid-list(docs)

javascript - 由于访问控制检查,XMLHttpRequest 无法加载 XXXX 使用 Angular Material MD Stepper 时

直到大约一个小时前,我的应用程序运行良好。现在我似乎无法弄清楚为什么特定的https请求不能在除chromeweb之外的所有浏览器上工作。我的第一个假设是CORS。我有原始header和所有设置,因为我已经有一段时间了。我不确定发生了什么变化。这是我在Safari上遇到的错误XMLHttpRequestcannotloadhttp://localhost:3000/auth/server/signupduetoaccesscontrolchecks.这是我的CORS中间件app.use(function(req,res,next){res.header("Access-Control-

javascript - 如何在 Bootstrap 表中插入和更新数据?

我还没有找到关于如何在bootstrap表中插入和更新数据的确切答案。数据来自JSON格式的URL。我必须在同一个表中使用多个URL。 最佳答案 LoadTableUpdateTableItemIDItemNameItemPrice$('#table').bootstrapTable({});functionload(){vardata=[{id:1,name:'Item1',price:'$1'},{id:2,name:'Item2',price:'$4'}];$('#table').bootstrapTable("load",d

javascript - 未知 Prop - React 和 Material-UI

目前我正在使用react和material-ui,我的组件中有以下代码。Areyousurethatyouwanttoproceed?我已经导入了importReactfrom'react';importDialogfrom'material-ui/Dialog';importFlatButtonfrom'material-ui/FlatButton';但我总是收到以下错误信息Warning:Unknownprop`onKeyboardFocus`ontag.Removethispropfromtheelement.Warning:Unknownprop`keyboardFocused

javascript - 如果显示 bootstrap 下拉列表,jQuery 在悬停在一定宽度上时添加类

我正在使用带下拉菜单的Bootstrap。我的anchor在悬停时有背景色。但是当下拉菜单显示时,我希望包含下拉菜单的父级失去背景颜色。我的HTML是:HomeAboutDrop1Drop2Drop3我的尝试:$(document).ready(function(){varsection=$('.av-nav.navlia:hover');varwidth=section.width();if(widthCSS:.nobg{background:none!important;}我的代码不起作用,我做错了什么? 最佳答案 您可以使用b

javascript - Twitter bootstrap scrollspy - 在平滑滚动时禁用?

我们在侧边栏ul/il列表上使用twitterbootstrapscrollspy,效果很好。但是,我们在单击侧边栏中的链接时也会使用平滑滚动。这会导致scrollspy突出显示进入View的每个元素,就像在正常情况下应该的那样。但是当通过单击侧边导航中的链接触发滚动时,用户很可能不希望菜单在滚动时显示动画。有什么方法可以在动画滚动运行时暂时禁用scrollspy,然后在滚动完成后重新启用它? 最佳答案 通过将类设置为scrollspy的目标,您可以动态停止/恢复scrollspy操作。$('body').scrollspy({ta

javascript - Bootstrap 函数声明

这个问题在这里已经有了答案:JavaScriptplussigninfrontoffunctionexpression(4个答案)关闭8年前。我查看了bootstrapJS源代码,发现了一些我以前从未见过的东西:+function($){"usestrict";//...}(window.jQuery);函数声明前的+号是怎么回事?是为了缓解一些潜在的缩小问题还是什么?我相信在表达式类型之前放置一个+会将表达式的结果转换为一个数字,但我看不出它在这里有什么相关性。感谢任何能为我阐明这一点的人。

javascript - 如何使用具 Angular materialize-css

我用angular-cli创建了一个angular4元素。我要materialize-css@next图书馆。所以我已经使用安装了它npminstallmaterialize-css@next--save所以这个安装"materialize-css":"^1.0.0-alpha.2",然后在angular-cli.json中我添加了对css和js文件的引用"styles":["styles.css","../node_modules/materialize-css/dist/css/materialize.css"],"scripts":["../node_modules/materi

javascript - 如何使用angular 6和bootstrap 3.3.7创建带有复选框列表的可折叠/可展开/树结构

在这里,我正在尝试在父项和子项上使用复选框的可折叠/树结构,但我无法准确地创建它,我能够从json创建直到无序列表{"properties":{"host":{"fields":{"keyword":{"ignore_above":256,"type":"keyword"}},"type":"text","fielddata":true},"information":{"properties":{"filetype":{"fields":{"keyword":{"ignore_above":256,"type":"keyword"}},"type":"text","fielddata"

javascript - 仅使用 Angular-Material 切换 sidenav?

我想要一个在任何屏幕尺寸下默认关闭的侧边菜单,并且将始终在其他内容之上打开。不管我怎么尝试,它总是以超过960像素的宽度切换。这是我的菜单现在的样子:Stuff还有我的Controller:.controller('HomeCtrl',function($scope,$mdSidenav){$scope.toggleMenu=function(){$mdSidenav('right').toggle();};})我从website得到了is-locked-open但我在他们的javascript中找不到任何地方。 最佳答案 您可以使