草庐IT

html_element

全部标签

javascript - Jasmine jQuery : Check if element is visible

你好,我有一个关于使用Jasmine(插件:jQuery)进行单元测试的问题我如何测试对象是否在文档的DOM中。问题是我使用了一个工具提示功能,只有在模拟事件时才会激活。当有模拟效果时,一个对象被附加到DOM上,我想检查它是否可见。it("test1:shouldinvoketheTooltip()function.",function(){spyEvent=spyOnEvent('.span_width',"mouseover");$('.span_width').simulate('mouseover');expect('mouseover').toHaveBeenTriggere

javascript - ES6 在 html 中导入 vs <script src>

这个问题在这里已经有了答案:Howtoknowwhentoimportapackageorpasteitinindex.html(2个答案)关闭7年前。我想知道有什么区别1-importXLibraryComponentfrom'xlibrarycomponent'来自ES6与常规方式相比2-我问这个是因为我从React开始,我看到你注入(inject)了一些组件做importXfrom'x'以及您作为我在上面发布的第二种方式注入(inject)到html中的其他组件。那么,有什么区别呢?哪种方法最好?

javascript - element.scrollTop 总是返回 0

我正在尝试获取元素的scrollTop位置,但它总是返回0。我做错了什么,我该如何解决?JSFiddlevarinner=document.getElementById('inner');window.addEventListener('scroll',function(){console.log(inner.scrollTop);})#outer{background-color:tan;height:1000px;}#first{background-color:bisque;height:200px;}#inner{background-color:aquamarine;heig

javascript - 访问 CKEditor 对话框 HTML 元素

我很难弄清楚我必须做什么才能在我正在修改的插件中访问CKEditor中的某些UI元素。本质上,我将内部链接添加到他们的链接对话框中,我在其中将链接拆分为部分和出版物。当用户从选择下拉列表中选择一个部分时,该部分的出版物将填充到不同的下拉列表中。以下代码是根据插件文件夹中的link.js文件修改的。我删除了所有不必要的部分,并删除了我认为相关的内容。正如您在下面的代码中所看到的,我定义了一个选择下拉列表,其ID为“section”,后跟“item”下拉列表。如何在部分下拉列表的onChange函数中访问“项目”下拉列表并填充它?如果我对最终在运行时填充到ID标记中的ID进行硬编码,那么我

javascript - 我怎样才能找出哪些事件附加到 HTML 元素?

我想了解有关jQuery的更多信息,并且我发现我想做的一件事是能够找出哪些事件附加到元素。有没有办法在IE或Firebug中使用调试器,我可以找到它。我不是说看源代码。我想做的是以与使用Firebug检查CSS属性相同的方式查看事件。 最佳答案 试试FireFox的FireQueryhttp://firequery.binaryage.com/当您检查FireBug中的元素时,它会向您显示附加到该元素的所有事件。 关于javascript-我怎样才能找出哪些事件附加到HTML元素?,我们

javascript - 如何用 jQuery 替换 HTML 但保留事件绑定(bind)

这与其说是一个具体的问题,不如说是一个战略性的问题,但我认为正是这样问的:假设我有一个包含3个独立部分的页面或ap。部分表单的更改会向服务器发送一个ajaxpost,这需要在第二部分进行更改。我想发回第2部分重新处理的HTML输出,并用它替换第2部分的原始状态但是,第2部分有许多元素具有更改、单击、拖动等绑定(bind)-根据经验,当我进行html替换时,我会丢失所有绑定(bind)。但是,这让我不得不单独重写第2部分中许多元素中的某些内容,以免丢失绑定(bind)。我知道有一个更简单的方法来解决这个问题,这似乎是一个常见问题。谁能给我提供这个问题的“啊哈”部分,也许还有一些例子或链接

javascript - 在 history.js 中强制回退 html4

我无法让html4Mode选项为我工作。我在一个非常简单的两页应用程序上使用ajaxify脚本(https://github.com/browserstate/ajaxify)。在支持html5的浏览器中一切正常,但如果我想出于测试目的强制使用html4回退,没有任何变化,似乎历史忽略了这些选项并继续使用html5推送状态url。为了强制回退,我只是更改了ajaxify脚本添加(在DOM上准备好):History.options.html4Mode=true;(我正在使用v1.8b1jqueryhtml4+5捆绑脚本)有没有办法让它工作? 最佳答案

javascript - jQuery element.closest(...).attr 在使用 each 时不是一个函数

在遍历某些DOM元素时,我发现无法对它们使用.data或.attr:$('.running').each(index,element)=>console.logelement.closest('[data-id]')让我明白...但是$('.running').each(index,element)=>console.logelement.closest('[data-id]').data('id')抛出UncaughtTypeError:element.closest(...).dataisnotafunction 最佳答案 cl

javascript - 为什么 element.style 在 JS 中总是返回空?

当您在css中定义display:block时,element.style.display总是返回空的。console.log(document.getElementById('test').style.display)#map{display:block;}test但是如果你在该元素中设置样式,那么我们可以获得样式。显示详细信息。console.log(document.getElementById('test').style.display)test我不想要解决方案,因为我知道有很多解决方案:getElementById().style.displaydoesnotworkShow

javascript - 带有 HTML5 Canvas 的 putImageData 的掩码?

我想从现有图像中截取不规则形状的部分,并使用HTML5Canvas在Javascript中将其渲染为新图像。因此,只会复制多边形边界内的数据。我提出的方法涉及:在新Canvas中绘制多边形。使用clip创建mask使用getImageData(矩形)从原始Canvas复制数据使用putImageData将数据应用到新Canvas它没有用,整个矩形(例如来自边界外源的东西)仍然出现。Thisquestion解释原因:“规范说putImageData不会受到裁剪区域的影响。”该死!我还尝试绘制形状,设置context.globalCompositeOperation="source-in"