草庐IT

伪元素

全部标签

javascript - 查找离点击点最近的元素

这里需要一些帮助。我是一名UI设计师,不擅长做实验性Web表单设计的数字,我需要知道哪个输入元素最接近网页上的点击点。我知道如何用点做最近邻,但输入元素是矩形而不是点,所以我被卡住了。我正在使用jQuery。我只需要这个小算法的帮助。完成实验后,我会向大家展示我在做什么。更新我想过它是如何工作的。看这张图:每个矩形有8个重要的点(或者说4个点和4条线)。只有x值对水平点(红点)有意义,只有y值对垂直点(绿点)有意义。x和y对Angular点都很重要。橙色十字是要衡量的点——在我的用例中是鼠标点击。浅紫色线是橙色十字与它可能最近的点之间的距离。所以……对于任何给定的橙色十字,循环遍历每个

javascript - 我无法测试在主干 View 中呈现的元素的可见性

我正在开发一个Backbone.js应用程序,同时使用Jasmine&Sinon添加测试我在确定某些DOM元素的可见性时遇到了问题:其中一些在测试中被检测为不可见,而我可以在我的应用程序中正确地看到它们。我创建了一个复制问题的小示例,同一测试在两组元素上运行两次:第一组直接存在于SpecRunner.html中第二个已呈现为BackboneView测试本身使用jQuery.is(':visible')(通过jasmine-jquery的.toBeVisible())来了解元素是否可见。它通过了第一组,而不是第二组。我在这里将代码作为github项目共享:https://github.c

javascript - 使用 jquery 计算动态创建的 html 元素

我正在计算当前文档中有值(value)的输入数量。它工作正常,除非我动态添加了更多输入。我无法获得那里的值(value)。例如我可能有...点击按钮后动态创建我将在for循环中获取每个值for(vari=1;i现在,当我运行for循环来检查这些输入中每一个的值时,它只会获取不是动态创建的输入的值。我已经查看了此处的其他问题,但仍然看不出如何将.on()之类的东西应用到我想要完成的事情上。新的跟进​​问题好的,现在我认为这是我需要更多关于如何使用.on的说明。我这里有一个jsfiddle:JsFiddleexample我在创建新元素的地方和所有文本框的模糊处,我想计算有多少元素具有值(v

javascript - 如何在任意数量的链元素上使用 map 或 reduce 运行 promise-then 链?

我坚持以下几点:脚本返回任意数字n或数组,如下所示:[["a"],["b"],["c"],["d"]]我需要使用promisethen()遍历数组,但由于我不知道会有多少元素,所以我最终这样做了:varbundle_list=[["a"],["b"],["c"],["d"]];varx=bundle_list.reduce(function(current,next){console.log(current);//requestBundlewillalsoreturnapromisereturnrequestBundle(current).then(function(bundle_re

javascript - 如何使用 Protractor 检查元素是否不可点击?

使用Protractor测试元素是否可点击是微不足道的,但我一直在挠头试图找出如何检查元素是否不可点击.我试图将点击功能包装在try/catch中,以便在尝试点击时抛出错误时应该捕捉它并让测试通过;但是,这不起作用。这是我执行检查的方法的代码:returnthis.shouldSeeDisabledFunds().then(function(){varclickable=true;try{fundsElem.first().click();}catch(e){clickable=false;console.log(clickable);}finally{console.log(clic

javascript - outerHtml 在 IE 中为 SVG 元素返回 undefined

这是我的代码我在b上触发了鼠标移动事件$("#b").hover(function(){alert($(this)[0].outerHTML);});这在chrome中工作但在IE中不工作我该如何解决..请找到JSFiddle链接:http://jsfiddle.net/r8v70Lnk/警告框只会在chrome中显示,在IE中不会显示。 最佳答案 不知道这是否适合您,但我通常这样做:newXMLSerializer().serializeToString(document.querySelector('#b'))如果你想再次解析字

javascript - 获取没有特定 sibling 的元素?

我正在尝试使用jQuery查找没有某个类的同级的文本区域。目前我正在使用以下内容:$("textarea").not($("textarea").siblings(".siblingClass").siblings("textarea"))还有其他选择吗?抱歉缺乏上下文。我遇到的问题是我有一个jquery插件(最大长度)运行多次(由于动态变化)并在textareas之后添加一个div。该插件不会检查它是否已经运行,因此它会多次添加div。 最佳答案 如果我正确理解问题,.filter()可能会有用。$('textarea').fil

javascript - 从数据库中删除后,Vue.js $remove 不删除元素

我正在使用Laravel并尝试学习Vue.js。我有一个正常工作的删除请求,并从数据库中删除了对象。问题是成功删除后它没有从DOM中删除。我正在使用$remove方法并将完整对象传递给它,所以我知道我遗漏了一些东西。作为旁注,我将main.js作为入口点,将PersonTable.vue作为组件。PersonTable.vue包含模板和该模板的脚本。这是我的LaravelView:这是我的`PersonTable.vue:PersonsListFirstNameLastNameEmailGender{{person.first_name}}{{person.last_name}}{{p

javascript - React Key 在不同元素上的唯一性

以下是否被认为是React中的唯一键?{someArray.map(function(a,index){return({a});})}{someArray2.map(function(a,index){return({a});})}在这种情况下,循环中嵌入的span将具有相同的键,但它们是不同父项的子项。这样可以吗? 最佳答案 是的,它确实算作独一无二。React在其调节器中使用键,以决定如何以最有效的方式改变DOM。一般来说,关键要解决的问题是在渲染之间识别同一层次结构中的节点(兄弟节点)。例如,如果您有://renderAone

javascript - 在不知道元素总数的情况下从数据流中随机拆分元素

给定一个“拆分比率”,我试图将数据集随机拆分为两组。问题是,我事先不知道数据集包含多少项。我的库从一个输入流中一个一个地接收数据,并期望将数据返回到两个输出流。理想情况下,生成的两个数据集应准确地拆分为给定的拆分比率。插图:┌─►streamAinputstream──►LIBRARY──┤└─►streamB例如,给定30/70的拆分比率,预计流A将从输入流中接收30%的元素,而流B将接收剩余的70%。订单必须保持不变。到目前为止我的想法:想法1:为每个元素“掷骰子”显而易见的方法:对于每个元素,算法随机决定该元素是应该进入流A还是流B。问题是,生成的数据集可能与预期的拆分比相去甚远