草庐IT

transition-group

全部标签

javascript - MVC3 不显眼的验证 : how to remove/re-attach validation from a group of elements?

这是用例:我有一个带有字段组的长表单,只有当用户在其中一个可见输入中做出特定选择时,它才会变得可见。阅读BradWilson关于该主题的帖子,我认为jQuery.validator.unobtrusive.parse('.extra-data')其中.extra-data是一类隐藏的div。运气不好,因为在第一次解析完成时数据已经存在。所以最后我想到了这个来删除规则:$('.data-panel').find('input[type="text"],textarea,select').each(function(i,item){varcurrentRules=$(item).rules

javascript - ionic : ng-show and page transition

我正在使用Ionic开发移动应用程序,但我还不是很熟悉这个框架或Angular。您可以点击一些列表项以查看包含一些详细信息的页面。这是我的列表模板:{{location.name}}Controller:...$scope.showDetails=function(location){$rootScope.currentLocationDetails=location;};...这是详细信息页面:Controller:app.controller('DetailsController',function($scope,$rootScope){$scope.location=$rootS

javascript - 元素值在使用 react-transition-group 转换之前移动和更改

我在使用react-transition-group时注意到了这种行为打包在我正在处理的gatsby项目中。我有一个“标签”列表,当它们是从另一个主列表中挑选出来时,它们被添加到一个事件列表中。单击主列表中的标签将其添加到事件列表中,单击事件列表中的标签将其删除。几乎与您期望的类似工作方式一样。转换in工作得很好,但是当转换out时,标签以一种奇怪的方式重新组织自己。我们有五个具有以下值的标签:不含乳制品派对食品家庭规模低胆固醇低钠如果您单击FamilySized标记将其删除,会发生以下情况:FamilySized立即消失LowCholesterol和LowSodium立即向左移动最后

javascript - 使用 React Router 和 Redux Simple Router 的 onEnter Transitions 不要渲染新路由的组件

我有一个使用react@0.14、redux@3.05、react-router@1.0.3和redux-simple-router@2.0.2的应用程序。我正在尝试根据商店状态为我的一些路线配置onEnter转换。转换Hook成功触发并将新状态推送到我的商店,这会更改url。但是,在页面上呈现的实际组件是来自路由匹配的原始组件处理程序,而不是新url的新组件处理程序。这是我的routes.js文件的样子exportdefaultfunctionconfigRoutes(store){constauthTransition=functionauthTransition(location

charts - Javascript 中的条形图 : stacked bars + grouped bars

我正在寻找一种Javascript解决方案,以将分组和堆叠条形图与漂亮的图形混合在一起,例如Protovis提供的那些。.例如,如果我想比较Apple(iPads+iPhone)设备和Android设备上的下载量,我可能有(请原谅我糟糕的ascii艺术)60k|^50k|#^^40k|##^#^30k|@#^^#^20k|@^#^#^@^10k|@^@^@^@^=================JanFebMarAprLegend#:iPadDownloads@:iPhoneDownloads^:AndroidDownloads 最佳答案

javascript - 在 Chrome 中工作,但在 Safari 中中断 : Invalid regular expression: invalid group specifier name/(? <=\/)([^#]+)(?=#*)/

在我的Javascript代码中,这个正则表达式/(?在Chrome中工作正常,但在safari中,我得到:Invalidregularexpression:invalidgroupspecifiername有什么想法吗? 最佳答案 看起来像Safaridoesn'tsupportlookbehindyet(即您的(?)。一种替代方法是将/在非捕获组之前出现的,然后仅提取第一组(/之后和#之前的内容)。/(?:\/)([^#]+)(?=#*)/此外,(?=#*)很奇怪-你可能想要向前看某些东西(例如#或字符串的末尾),而不是*量词(

Javascript/正则表达式 : Lookbehind Assertion is causing a "Invalid group" error

我正在做一个简单的LookbehindAssertion来获取URL的一部分(下面的示例),但我没有获得匹配,而是收到以下错误:UncaughtSyntaxError:Invalidregularexpression:/(?这是我正在运行的脚本:varurl=window.location.toString();url==http://my.domain.com/index.php/#!/write-stuff/something-else//lookbehindtoonlymatchthesegmentafterthehash-bang.varregex=/(?结果应该是write-

javascript - 在组件中加载初始数据时,如何在 react-transition-group 中暂停动画?

我有以下App组件:()}/>它工作正常,但每个动画都会立即执行。例如,如果我从/rules转到/history,我在两个组件上都有完整的动画,但是历史组件需要来自服务器的数据,所以动画应用在空容器上.如何在react-transition-group组件中暂停动画?我有Redux,所以我可以在我的应用程序的任何地方更改loading变量。此外,我不想在应用启动时预加载商店中的所有数据。 最佳答案 我会让你的组件在加载时返回null并让加载状态确定CSSTransition键,如请看这里的例子:https://stackblitz.

JavaScript 函数参数 : positional -> map transition

我正在寻找一个vanillaJavaScript解决方案。假设我有一个带有以下header的函数:generateEmail(firstName,lastname,provider)我需要像这样运行它:generateEmail("John","Smith","gmail.com");我希望能够使用参数映射而不是位置参数来调用它,即generateEmail({"firstName":"John","lastname":"Smith","provider":"gmail.com"});我正在寻找一个已经编写好的解决方案来用JavaScript执行此操作,因为我有无限数量的函数要处理,例

javascript - 如何使用 onEnter Hook 和 $transition$ 防止默认操作? (新的用户界面路由器)

我正在使用ui-router1.0.0-alpha.5.旧事件是deprecatedthere.所以我正在尝试转换$rootScope.$on('$stateChangeStart',($event)=>{//somelogic$event.preventDefault();});进入:$transitions.onEnter({},($transition$)=>{//...});我怎样才能从这里防止默认操作? 最佳答案 看来我找到了答案:$transitions.onEnter({},($transition$)=>{retur