草庐IT

伪元素

全部标签

javascript - 当元素出现在屏幕上时如何启动动画?

HTML元素如何在出现在屏幕上时立即显示动画?我在堆栈溢出上找到了一个例子tourpage,当您向下滚动到足够远时,信息元素就会滑入页面。这背后的诀窍是什么? 最佳答案 您需要使用JavaScript来检测视口(viewport)的位置并在它可见时将其激活。您可以使用JavaScript来检测和执行过渡,然后使用CSS或JavaScript来制作动画。有许多基于jquery的脚本可用于完成此操作。这是一个例子:DEMO1.创建一个要检查它是否在视口(viewport)中的Html元素。2.在文档末尾加载jQueryjavascrip

javascript - 用 Protractor 获取元素的偏移位置

我试图确保在单击某个跨度时页面滚动到某个元素。所以我需要检查元素的y位置。有人可以解释我如何获得元素的位置吗?element.all(by.css('[scroll-to="section-executive-summary-anchor"]')).then(function(elem){elem[0].click().then(function(){element(by.id('section-executive-summary-anchor')).then(function(el){//Ineed"el.position"orsomethingalongthoselines});}

javascript - 如何在一个方向上改变 <hr> 元素的宽度?

我正在尝试更改的宽度元素与jQuery但它改变了2个方向的宽度。我只希望它拉伸(stretch)到右侧。当我对我的应用程序执行某些操作时,变量food.runningDistance会发生变化。代码:HTML:javascript:$("#runningLine").animate({width:food.runningDistance},500); 最佳答案 hr元素的行为类似于为其设置了margin:0auto。正如我在对您的问题的评论中所述,我会使用div因为hr是supposedtomarkathematicbreak,但您

javascript - 如何识别在元素上初始化的 Chosen 插件

有没有一种标准的方法可以知道jQuery插件已经在特定的HTML元素上初始化了?如果select元素位于Chosen插件下,我想执行一些操作。 最佳答案 $("#elementId").data("chosen");这将返回分配给元素的选定对象,如果未分配则返回未定义。注意:对于我使用的其他插件或JQuery版本,您可能需要检查以“Obj”为后缀的插件名称:$("#elementId").data("pluginNameObj"); 关于javascript-如何识别在元素上初始化的Ch

javascript - 单击其他 div 时触发对不同元素的单击

现在我有一个div,它基本上是一个巨大的正方形,在div内部我有另一个div,它只是显示“上传文件”的文本和一个隐藏的输入类型=文件元素。当用户按下div时,我想触发文件上传元素。到目前为止我想出的代码是:+AddPhoto1所以文件输入元素我在CSS中设置为display:none。一旦他们点击divid="test"中的任意位置,我想触发对文件上传元素的点击。我如何在React中完成所有这些操作?我想它会是这样的,但我不确定语法以及如何构建它:_handleClick:function(){//triggerclickintoimg1} 最佳答案

javascript - 通过使用不同的选择器选择一个元素来赋予一个元素多个事件处理程序

我有几个“事件”类,涵盖了我的一些svg元素。我正在为每个类分配一个用于mouseover和mouseout的事件处理程序,如果一个元素有多个类,我希望两个处理程序都触发。我该怎么做呢?似乎当我这样做的时候d3.selectAll(".a-class").on("mouseover",function(){//doA}).etc();d3.selectAll(".another-class").on("mouseover",function(){//doB}).etc();然后,当我将鼠标悬停在具有两个类的元素上时,只有B(第二个处理程序)触发,显然是因为它覆盖了第一个。有没有一种方法

javascript - 为javascript插入的元素添加点击事件

如果我点击第一个“编辑”,我会得到一个console.log('clickhappend')但是如果我通过javascript添加其中一个框(点击“添加框”)然后从这个新框中编辑click不起作用。我知道这是因为javascript在元素不存在时运行,这就是为什么没有点击事件监听器的原因。我也知道使用jQuery我可以这样做:$('body').on('click','.edit',function(){//dowhatever};这样就可以了。但是我如何使用纯Javascript执行此操作?我找不到任何有用的资源。创建了一个我想工作的简单示例。解决这个问题的最佳方法是什么?所以问题是

javascript - 单击文档而不是特定元素警报

在我的HTML中$(document).click(function(){alert('DocumentClicked');})CLICK[NOALERT]ME[NOALERT]在我这里的代码中,如果我点击按钮,如何防止显示警报,但是除了按钮之外的任何东西都可以被提醒。 最佳答案 您可以添加另一个click那个特定的听众并停止传播事件:$(document).click(function(){alert('DocumentClicked');})$('.not-clickable').click(function(e){e.stop

javascript - Vue.js 过渡出现/发生在进入视口(viewport)的元素上

首先请不要使用jQuery。我可以在jQuery等中做到这一点,问题的重点是在没有不必要的依赖的情况下做到这一点。这里的场景是我正在创建一个单页网站,其中有几个部分可供滚动浏览。我想用Vue.js'stransitions在浏览器滚动到该部分后简单地淡入。我已经设法使转换与appearattribute一起工作但问题是这个初始渲染触发器适用于屏幕外的元素,我想推迟该触发器,直到浏览器在屏幕上滚动该元素。我找到了像vue-observe-visibility这样的图书馆这可以满足我的需要,但老实说,我不想简单地为触发器创建大量数据属性,以将其更改为true,以便v-if语句触发淡入淡出效

javascript - 按字段名从数组中删除元素

我有下一个数组:0:{id:"10",tipo:"work"}1:{id:"11",tipo:"work"}2:{id:"24",tipo:"school"}3:{id:"9",tipo:"work"}4:{id:"25",tipo:"school"}我想做的是从数组中删除一个元素,其中两个值匹配,例如,如果id=24和tipo=school,则数组位于位置2,必须删除,我有这个函数可以通过值找到数组键:functioneliminarElementoArray(array,val1,val2){for(vari=0;i该函数无法正常工作,在某些情况下它返回false,在其他情况下,它