草庐IT

slide_active

全部标签

javascript - 如何触发 :active pseudoclass on keyboard 'enter' press?(仅使用 CSS)

CSS:a:focus{opacity:.75}a:active{transform:translateY(4px)}意图:使用:focus样式作为视觉提示,使用键盘用户跳转到链接他们点击enter激活链接;:active样式提供视觉按键反馈问题::active样式可以正确触发鼠标点击,但不能触发按键。我可以只用CSS解决这个问题吗? 最佳答案 好问题!是的,你不能再这样做了。很久以前,MSIE将:active当作:focus来处理,所以有一种方法可以通过超链接来实现这一点(这是在千兆互联网速度之前和浏览器的时候除了愚蠢的挥动旗帜或

javascript - 未捕获( promise )DOMException : Subscription failed - no active Service Worker

我正在尝试订阅用户,但这是我第一次遇到的错误。第二次,它正在工作,因为用户已经处于事件状态这是我的代码:if('serviceWorker'innavigator){console.log('ServiceWorkerissupported');navigator.serviceWorker.register('sw.js').then(function(reg){console.log(':^)',reg);reg.pushManager.subscribe({userVisibleOnly:true}).then(function(sub){console.log('endpoin

javascript - jQuery 同时切换 "slide"和 "fade"动画

jQuery有一个slideToggle和一个fadeToggle,但它们不能很好地协同工作(参见fiddlehere):$('div').on('click',function(){$('span').slideToggle({duration:'slow',queue:false}).fadeToggle({duration:'slow',queue:false});});如何让slide和fade同时切换? 最佳答案 按如下方式使用.animate():$('span').animate({height:"toggle",op

javascript - 当我使用 Angular md-selected 索引频繁切换选项卡时,多个 'md-tab' 同时具有 'md-active' 类

当我频繁切换md-tabs时,Md-tabs切换正确但多个md-tab-item元素同时具有“md-active”类,所以我看不到选项卡的内容是事件的,因为它与其右侧选项卡的内容重叠。据我所知,在angular-material中,当我们选择一个选项卡时,angular首先取消选择上一个选项卡(隐藏页面上先前显示的内容)并显示所选选项卡的内容。在执行此过程时,Angular未删除以前事件选项卡的“md-active”类。这是重现该行为的fiddle。这是随机行为,并发点击时出现。请在点击“切换标签”按钮后等待1分钟jsFiddleangular.module('firstApplica

javascript - 捕获 'Blocked loading mixed active content' CORS 错误

在firefox中,当javascript尝试从https上托管的页面向http服务器发出CORS请求时,它会抛出错误:Blockedloadingmixedactivecontent我想捕获这些错误,但不知道如何捕获。例如,我用jQuery尝试过这样的事情:try{$.get("http://public.opencpu.org/ocpu/library/").fail(function(xhr,err){console.log("Servererror:"+xhr.responseText);});}catch(e){console.log(e.message);;}但是xhr.r

javascript - 使用 .hide ('slide' 缓和)?

是否有可能对此进行缓和:('#sideBar').hide('slide',{direction:'right'},800,function(){...});目前它非常紧张,因为它可能正在移动......100-500像素(取决于内容)。我一直在寻找谷歌,大多数人都说要使用缓动,但是在查看文档时我看不到缓动的属性。 最佳答案 您可以在options对象(第二个参数)中指定easing属性:$('#sideBar').hide('slide',{direction:'right',easing:'easeOutBounce'},800

javascript - AngularJS $animate.enter 不添加 ng-enter 和 ng-enter-active 类

我正在尝试将$animate服务合并到我自己的指令中。我无法进入并离开以实际设置动画。奇怪的是,使用$animate.enter,元素附加到DOM,回调函数触发。但似乎从未添加ng-animate、ng-enter和ng-enter-active类。该元素只是简单地附加到DOM而没有动画。回调函数触发,但它会立即触发,而不是在应该发生的动画持续时间之后触发。leave也会发生同样的事情;元素立即从DOM中删除,回调立即触发;没有动画。$animate.entervarapp=angular.module('TestAnimation',[]);app.controller('TestA

javascript - 火狐 WebExtension API : how to get the URL of the active tab?

这个问题在这里已经有了答案:GettabURLfrompageaction(WebExtensions,Android)(2个答案)关闭5年前。正在将我的旧Firefox扩展迁移到最新的Webextension格式。早些时候,我能够通过以下方式获取事件选项卡的URL:varURL=tabs.activeTab.url;现在,它不起作用。我看到了tabs.getCurrent()和tabs.Tab->url的一些引用,但没有找到关于如何使用它的单个示例。那么,如何获取事件Firefox选项卡的URL并将其放入变量以供进一步使用?谢谢,浣熊

javascript - 删除 :active pseudo-class from an element

我希望能够告诉一个元素它不再是:active以便CSS规则不再适用。有没有办法在JavaScript中做到这一点? 最佳答案 可能的解决方案:1)使用类:JS:document.getElementById("element").classList.remove("hasactive");CSS:#element.hasactive:active{background:blue;}2)阻止默认的mousedown功能(事件状态):编辑:显然,这只适用于Firefox。JS:document.getElementById("eleme

javascript - jQuery slideDown 与 jQuery UI .show ('slide' )

我正在尝试利用jQuery的内置效果功能来创建一个从导航栏后面滑出的“抽屉”,将其下方的内容推开。如果我使用$('#drawer').slideDown(),内容会被推开,但实际上并没有“向下滑动”。更像是一擦就暴露了内容。如果我使用$('#drawer').show('slide',{direction:'up'}),内容会正确地向下滑动,但是元素下方的所有内容在效果发生之前跳开。有没有办法结合这两者的优点来复制我正在寻找的效果:一个滑出的抽屉,将下面的内容推开?我研究了jQueryUI的.animate()函数,但文档没有帮助。我使用它的粗略努力充满了失败。如果有人问,抱歉,我无法