草庐IT

my-toggle-button

全部标签

javascript - 如何更改 Material-UI 的 Toggle 的颜色

SoIputmyTogglebuttoninmyAppBar,whichcreatedanissuebecausetheyarethesamecolorwhentheToggleisselected.我尝试了很多不同的东西(如下所示),但一直无法改变它的颜色。importReactfrom'react';importTogglefrom'material-ui/Toggle'importDrawerfrom'material-ui/Drawer';importAppBarfrom'material-ui/AppBar';importMenuItemfrom'material-ui/Me

javascript - 更改 Button 元素的类以显示/隐藏它

我正在尝试根据代码中的特定条件显示或隐藏按钮元素。我已使用display:none将按钮的默认css设置为“隐藏”它,然后添加一个将显示更改为display:block的类。HTML:SHOWCSS:#show{display:none;}#show.visible{display:block;}JS:vard=document.getElementById('show');d.className+="visible";我也试过:vard=document.getElementById('show');d.classList.add("visible");还有:documnet.get

javascript - jQuery/JavaScript : My recursive setTimeout function speeds up when tab becomes inactive

我在构建的这个jQuery幻灯片插件中遇到了一个奇怪的小困境。这没什么特别的,我迄今为止编写的代码运行良好,但我注意到,当我离开网站运行并切换到新选项卡并继续在另一个选项卡中浏览网页时(Mac版Chrome在我的例子中),当我返回我的站点时,setTimeout调用似乎已经加速,而不是等待计时器完成触发事件,而是连续触发。这是我的(简化)代码:vartimer;varcounter;varslides;//collectionofalltargetedslides.//animatetothenextslidefunctionnextSlide(){//stoptimermethods

javascript - Angular2 Material md-button错误

我早些时候看到Angular2推出了RC5,所以我决定更新我的一个测试应用程序以查看更改以及如何调整。这个应用程序正在使用Material2,我也将它更新到Alpha7.2,但是在尝试使用md-button组件时出现此错误"Templateparseerrors:Can'tbindto'md-ripple-trigger'sinceitisn'taknownpropertyof'div'.("*ngIf="isRippleEnabled()"class="md-button-ripple"[class.md-button-ripple-round]="isRoundButton()"[

c# - 如何从代码后面隐藏和显示 asp :buttons in asp.net?

我正在开发asp.net网络应用程序。在一页中我有两个asp按钮。我想在一种情况下显示它们,否则我不想显示它们。所以我正在尝试这样做。但它不起作用。我找不到背后的原因。请告诉我问题出在哪里。隐藏按钮if(!IsPostBack){ButtonReplaceId.Style.Add("display","none");ButtonAssociateRules.Style.Add("display","none");}显示按钮protectedvoidApplyAssociation(objectsender,EventArgse){//Somepieceofcodeif(a==0){Bu

Javascript正则表达式查找不以 "my:"开头的单词

我正在尝试编写一个正则表达式,它会找到花括号之间不以“my:”开头的所有值。例如,我想捕获{this}而不是{my:monkey}。捕获一切的模式是:\{([^\}]*)\}我无法让它工作。到目前为止我最近的镜头是:\{[^my:]*([^\}]*)\}这会失败,因为它只忽略以“m”、“y”或“:”开头的标签。我确定我忽略了一个将“my:”视为一个block的命令..(注意:必须适用于Javascript) 最佳答案 这个应该做的:/\{((?!my:)[^}]+)\}/g查看快速演示http://jsbin.com/ujazul/

javascript - 内联 Ckeditor : All buttons are disabled

我目前正在尝试向某些文本添加内联ckeditor。没有发生javascript错误,但不幸的是所有工具都被禁用,我无法编辑文本。http://fiddle.jshell.net/5LuyD/有人知道我做错了什么吗? 最佳答案 您缺少的是元素的contenteditable="true"属性。如果您想自定义编辑器(即通过CKEDITOR.inline(element,cfg)运行),请先设置CKEDITOR.disableAutoInline=true;。使用CKEDITOR.disableAutoInline=true;时,所有co

javascript - 单击 Raised Button Material ui 打开 "choose file"对话框

我的React项目中有一个float按钮(Materialui)。我想在每次单击时打开“选择文件”对话框。我没有得到任何解决方案来做到这一点。我试过这样做但没有奏效。而且我不想使用jquery。有人可以告诉我我到底需要做什么吗? 最佳答案 基本示例(不包括如何处理所选文件):this.upload=ref}style={{display:'none'}}/>this.upload.click()}>因此,您的FloatingActionButton的onClick处理程序手动触发隐藏文件上传控件(输入类型="file")的click

javascript - 基于 scroll React JS 的 Toggle 类

我正在使用bootstrap4导航栏,想在ig400px向下滚动后更改背景颜色。我正在查看react文档并找到了一个onScroll但找不到那么多信息。到目前为止,我已经...我不知道我是否使用了正确的事件监听器或如何设置高度等。而且我并没有真正设置内联样式...importReact,{Component}from'react';classAppextendsComponent{constructor(props){super(props);this.state={scrollBackground:'nav-bg'};this.handleScroll=this.handleScro

javascript - 谷歌地图 API : Adding letters to my markers on my google map

我正在尝试向我的标记添加一个字母,然后有多个带有字母的标记(准确地说是14个)。到目前为止,我没有成功地做到这一点。我是代码和googleAPI的新手。你能告诉我需要添加什么代码以及在哪里添加吗?下面是我的代码://GEvent.addListener(map,"moveend",function(){varcenter=map.getCenter();document.getElementById("message").innerHTML=center.toString();});map.setCenter(newGLatLng(lat,ling),7);}}//]]>field位置