草庐IT

实时切换

全部标签

javascript - React - 从另一个组件的 onClick 切换一个组件的显示

我正在尝试构建我的第一个React项目,目前正在将一个汉堡导航按钮和一个在单击导航时出现的菜单放在一起。我将其分为两个部分;汉堡和MenuOverlay。两者的代码如下。目前,我在Hamburger上有一个onClick可以在其上切换一个类,但是我如何通过该点击来切换菜单?它隐藏在display:none;默认情况下。可能是一个非常基本的问题,所以很抱歉-仍在努力让我了解React。菜单覆盖importReactfrom'react';import{Link}from'react-router';constMenuOverlay=()=>{return(HomeAboutContact

javascript - 切换字符串等效的 bool 值

我知道您可以在javascript中执行以下操作以在单行中切换bool值。vartoggle=false;if(true)toggle!=toggle;但这也可以用字符串吗?我知道这可以通过一些if语句来完成。但是有可能在一个类轮上做吗?像这样:varstring_toggle="CAT";if(true)"CAT"="ESP"||"ESP"="CAT";如果不清楚我在问什么,请告诉我,以便我改进问题。 最佳答案 您可以使用ternaryoperator.string_toggle=(string_toggle==="CAT")?"

javascript - 实时事件和查询元素是否将响应事件

我想问一个元素是否会响应实时事件,而不实际触发该事件。HTMLClickme!JS$('#foo').live('mousedown',function(){console.log('triggeredmousedownevent');}if($('#foo').__willRespondToLiveEvent__('mousedown')){console.log('#fooiswiredupproperly');}这是一个有点简单和人为的例子,但我正在寻找一个真正适用于__willRespondToLiveEvent__伪代码的替代品。jQuery是否可以在不实际触发事件的情况下吐

javascript - 实时 ('click' ) 和性能

我有一个网格,有一列包含中带有一些附加信息的anchor标记标签并有一个类名.在我不显眼的JS脚本中,我选择了所有具有该类名的元素并应用live('click').我需要它是live()因为网格是在运行时生成的。live('click')里面发生了什么处理程序?我使用该附加数据并添加到基于该数据的页面。它又用于生成jQueryUI对话框。它在我的电脑上运行良好。但是!这在现实世界中如何运作?我应该为可能的性能影响而烦恼吗?感觉瞬间对十几个元素应用live()会影响性能。特别是对于像我这样相当复杂的处理程序——它需要获取数据、解析数据、创建一个div、应用一个对话框等等。这闻起来像是糟糕

javascript - 如何使用本地 javascript 文件使用 firebug(或 Chrome)在实时站点上进行测试?

我有一些自定义JS,我希望将其部署到实时站点上,但我想先对其进行测试。我是目标站点管理员的第三方顾问,不参与他们的构建过程,因此我无法在他们的测试环境中进行部署。由于它是一个DOM遍历库,因此非常具体。我想知道是否有人知道如何让我的本地javascript文件自动插入特定域或主机。谢谢! 最佳答案 为什么不直接在firebug的控制台中注入(inject)您正在处理的脚本:varscript=document.createElement('script');script.src='urltolocalfile';document.a

javascript - 从 ERB 切换到 Angular 时,Rails 应用程序中的 AngularJS View 功能测试中断

首先,我有一个工作rails“显示”页面显示项目名称和属于该项目的条目。当使用Angular$scope显示项目名称并使用ERB中的block显示条目时,我的测试通过了。当我用AngularDirective(指令)“ng-repeat”替换条目ERB代码时,仅我的条目测试场景开始失败。有趣的是,该应用程序仍在浏览器中运行。请记住,在我看来,另一个$scope变量过去和现在仍然通过使用几乎相同的测试。工作show.html.erb(在ERB中查看的条目):Thisis{{project.details.name}}Entries打破show.html.erb(在Angular中查看的条

javascript - 如何在点击 react 时为唯一的一个元素切换类

我正在尝试在React中制作一组翻转的卡片。你可以在下面看到我的代码。当我点击卡片时,它们都会翻转,但我的目标是只翻转我点击的那些。我该怎么做?这是我的卡片组件:importReactfrom'react';exportdefaultclassCardextendsReact.Component{render(){letclassName=this.props.condition?'card-componentflipped':'card-component';return();}}这是我的Deck组件:importReactfrom'react';importCardfrom'./C

javascript - 有什么简单的方法可以使用 JQuery Mobile 动态切换主题吗?

如问题所述,有什么方法可以让我在JQueryMobile中动态切换主题。我今天刚刚升级到beta1并且认为如果用户可以根据需要选择自己的主题会很酷。我没有在文档中看到任何具体执行此操作的内容,但肯定有一些方法可以解决这个问题,如果有人能为我指出正确的方向的话。 最佳答案 不太确定,但在我看来它像jQueryMobile'sdemo里面有一个小主题切换器。看起来这是调用它的代码:$("#someElement").bind("vclick",function(){$.themeswitcher();});您可以找到主题切换器的代码ri

javascript - 带 ionic 切换而不是按钮的 ionic 输入插件

我非常想合并一个item-input-inset用ion-toggle而不是按钮-因此用户可以选择禁用输入字段。我想要的是这样的:我确实希望将文本输入连接到一个模型,所以我总是有一个NotApplicable变量或用户输入的一些其他字符串(或空字符串)。但我的第一个问题是布局似乎乱七八糟。这是我得到的结果:给出下面乱七八糟的布局 最佳答案 @Norfeldt:请检查下面的代码片段,让我知道您的想法。希望它能像您期望的那样工作。angular.module('ionicApp',['ionic']).controller('MainC

javascript - Knockout.js 多个外部模板和多个 VM 切换失败

我正在使用以下内容:knockout-2.1.0.jskoExternalTemplateEngine_all.js我要实现的目标如下:模板容器加载外部HTML并为该HTML加载特定的VM(有效)。模板容器加载/切换到另一个外部HTML,以及该HTML的其他特定VM(有效)。模板容器切换回第一个模板/VM,连同他们的VM(不起作用!)。我猜它不起作用的原因是因为模板在VM之前加载(它确实给我绑定(bind)错误)。我网站的结构是这样的(不包括上面提到的库):index.html(包含模板容器)js/script.js(包含主要的ViewModel)js/firstvm.js(持有第一个