草庐IT

CSS的hover属性

全部标签

javascript - 如何使用 vue-test-utils 测试 CSS 框架自定义组件

我使用的是BuefyCSS框架,它提供自定义vue-js组件,例如和,我在测试时遇到了问题标签。import{shallowMount,createLocalVue}from'@vue/test-utils'importBInputPracticefrom'../BInputPractice.vue'importBuefyfrom'buefy'constlocalVue=createLocalVue()localVue.use(Buefy)describe('b-inputPractice',()=>{it('updatesthenamedataproperty',()=>{const

javascript - 无法断言 css 宽度为 100%

我试图断言NightwatchJS中某个元素的CSS宽度为100%,但它未能说明宽度为196像素。错误信息是:Testingifelementhascssproperty"width:100%".-Expected"100%"butgot:"196px"我曾尝试使用以下语法来实现相同的目的:page.assert.cssProperty(`@button-element`,'width','100%');page.expect.element(`@${element}`).to.have.css("width").which.equals("100%");我不想使用硬编码值,因为它们会

javascript - TinyMCE 正在改变我的内联 CSS

我在HTML编辑器中输入:我点击更新,然后再次点击html编辑器。HTML(在Firefox中)已更改为:如果我在InternetExplorer中做同样的事情,HTML会变成: 为什么世界会发生变化?也许我可以更改一些TinyMCE设置?但我已经清理了:false。想法?如果我启用清理,我提到的更改就不会发生。然而,TinyMCE改变了很多其他东西。我不希望它弄乱我的代码:(任何帮助将不胜感激。 最佳答案 尝试将verify_html设置为false。文档:TinyMCEConfiguration/verify_html

javascript - Safari iphone/ipad "mouse hover"在之前的链接被 javascript 替换后的新链接上

在您点击iphone或ipad上的链接后,它会留下模拟鼠标悬停,触发该链接上的a:hovercss样式。如果该链接具有使您保持在同一页面上的javascript处理程序,悬停状态将不会改变,直到您单击另一个链接。如果您有一个提问的ajax小部件并且每个答案都是链接,这会变得很奇怪。当您触摸其中一个答案时,它会以悬停状态突出显示,然后当问题和答案被新的问题和答案替换(使用javascript)时,出现在与先前答案相同位置的新答案具有其悬停状态自动触发。我想防止这种情况发生在新的答案链接上。有什么方法(也许是javascript中的某些东西)可以给我与“悬停”不再位于该元素上方相同的结果?

javascript - 使用 JavaScript 事件处理程序和函数的 CSS3 转换不会在 Firefox 中触发

我已经建立了一个多月的画廊,布局很简单,左边是缩略图菜单,右边是画廊预览。当您单击已加载的缩略图时,它会触发一个mousdown事件,该事件会折叠缩略图区域并将画廊预览扩展到完整大小(全部使用CSS3转换)。到目前为止,一切正常,除了我创建了一个omouseover事件,当您将鼠标悬停在缩略图上时该事件会激活该功能。该函数重绘图库预览div(“图片”)的内容并创建三张图像,两张是帧中的上一张图像,一张是帧中的下一张图像(在中心)。在innerHTML中,它将CSS样式“left:”设置为724px或-724px,具体取决于它是向前还是向后。然后当生成所有这些html的函数完成时,负责监

javascript - console.log() 显示同一对象属性的矛盾值

我想我可能要疯了。我使用console.log()查看对象的状态,然后在下一行对同一对象的特定属性执行console.log()并为每个属性获取不同的值。我使用的代码是:console.log(this.pictures.Items[pic].val);for(variinthis.pictures.Items[pic].val){console.log("property:%s,value:%s",i,this.pictures.Items[pic].val[i]);}和Firebug输出:Picture{isLoaded=true,isSelected=false,img_src=

javascript - 找出哪个 CSS 属性正在被 jQuery 动画化

我看到$element.is(':animated')告诉我$element是否正在设置动画,但是否可以查看哪些css属性正在设置动画。 最佳答案 是的,将step函数传递给animate()调用可以让您找出正在通过fx.prop设置动画的属性。以下是jQueryAPI文档中的示例:$('li').animate({opacity:.5,height:'50%'},{step:function(now,fx){vardata=fx.elem.id+''+fx.prop+':'+now;$('body').append(''+data

javascript - 具有 ID 属性的动态 DOM 对象的 IE9 内存泄漏

我注意到为动态创建的DOM对象分配ID属性值会导致IE9泄漏内存。有没有其他人经历过这种情况,更重要的是,知道任何解决方法?它在其他浏览器中不会泄漏,即使是IE6也能通过!泄露代码演示:它只是连续地从表中添加和删除行,并为每一行分配一个ID以供稍后查找。没有“row.id=eid;”就不会发生泄漏functionaddRow(tbl,index){varrow=tbl.insertRow(index);vareid="loongrowid"+count;row.id=eid;for(vari=0;i';for(vari=1;iTESTINGselecteddatetimeplacede

javascript - 用于 javascript 对象的安全属性引用的库函数

考虑以下代码:functionfoo(handlers){callSomeFunction(handlers.onSuccess,handlers.onFailure);}调用者可以:foo({onSuccess:doSomething,onFailure:doSomethingElse});或者只是foo()如果他/她没有什么特别的事情要做。上述代码的问题在于,如果未定义“处理程序”,就像上面简单的foo()调用一样,那么在执行callSomeFunction(handlers.onSuccess,handlers.onFailure)期间将抛出运行时异常).为了处理这种情况,可以将

javascript - 选择并删除所有匹配的数据属性

我正在尝试找到一种方法来从页面中删除来自不同类型元素的所有匹配数据属性。我现在循环一个数组,但名称列表太长了,我希望有更好的方法来删除我的自定义数据属性......使用正则表达式模式?//代码vardataArr=['data-myplugin-value','data-myplugin-id',............'data-myplugin-name'];$.each(dataArr,function(i,a){$('['+a+']').removeAttr(a);}); 最佳答案 如果您不介意使用XPath,这是我的解决方