草庐IT

伪元素

全部标签

javascript - 另一个网站/跨域上的元素的Xpath

我想获取网站(我自己的域)上某个元素的XPATH,我使用JavaScript代码获取了它,如this中所述回答。现在我想点击按钮,这将打开一个url(跨域)窗口,当用户点击该窗口上的一个元素时,它的XPATH被捕获。我尝试使用iframe做同样的事情,但没有成功。现在我的问题是有办法获取另一个网站/跨域元素的XPATH? 最佳答案 抱歉,如果没有其他(x域)站点的合作,这是不可能的。出于安全原因,浏览器不允许访问x域文档(包括iframe)的DOM。如果您与其他站点合作,他们可以加载您的javascript文件,然后使用postme

javascript - Aurelia:单例 View 中的静态自定义元素

我有一个带有单例View模型的Aurelia应用程序。该View类似于文件浏览器,左侧是TreeView(自定义元素),右侧是ListView。View模型activationStrategy是invokeLifecycle,ListView根据路由参数填充。展开节点时,TreeView会填充AJAX调用。树节点也是自定义元素。TreeView是完全自定义的,不使用任何第3方插件。当用户导航到另一条路线,然后再次返回同一路线时,View模型会保留,因为它是单例。但是,TreeView不是因为自定义元素不支持作为单例。我理解不支持单例自定义元素的原因。但是,我想知道在导航回同一路线时以某

javascript - 缩放后使用 Translate 将元素定位在另一个元素之上

我正在实现一个基于Croppie的图像裁剪工具.我的问题是,当我缩小得太远时,图像会离开视口(viewport)或离裁剪区域太远。所以我有一个函数,在线(下面的代码片段)363是这样的:function_updateCenterPoint(){//borkedconsole.log("fire_updateCenterPoint()");varself=this,transform=Transform.parse(self.childElements.img.style[CSS_TRANSFORM]);varimgRect=self.childElements.img.getBound

javascript - 转换后的 SVG 元素上的 getBoundingClientRect() 应该返回什么?

今天我测试了当你使用getBoundingClientRect()时会发生什么在已旋转的SVG元素上。测试:http://phrogz.net/svg/getBoundingClientRect-on-rotated-elements.html结果是:Chrome、Safari、Opera和IE似乎计算元素的本地(未转换的)边界框,然后返回该边界框的客户端rect。这可能导致客户端矩形比看起来合适的大。另一方面,Firefox裁剪客户端矩形以适合元素本身。根据规范,哪种行为是正确的?为了它的值(value),我prefertheFirefoxbehavior,但(不了解规范)认为Fir

javascript - 以编程方式合并两个 svg 路径元素

我正在用SVG路径渲染map(使用jVectormap)。在某些情况下,一个区域必须与相邻区域合并。不幸的是,这两个区域没有相互接触,我必须进行插值以填充它们之间的空间。jVectormap使用非常简单的SVG路径,其中M设置绝对起点,l连接相对点。是否有任何SVG库涵盖此类操作? 最佳答案 我没试过这个,但你可以通过运行theconverteratjVectormap来绕过它使用以下参数:--buffer_distance=0--where="ISO='region_1'ORISO='region_2'"其中region_1和re

javascript - 滚动到模态窗口内的元素

我有一个模式窗口,需要能够打开模式,然后将用户滚动到模式中的特定位置。我正在使用AJAX将模式内容获取到PHP脚本。例如mypage.php?loc=someid在PHP脚本中我有这个JS来做滚动:$(document).ready(function(){$('.modal-body').animate({scrollTop:$("#").offset().top},1000);});在PHP页面中是这样的一些HTML:我的内容加载正确,但发生的滚动量似乎与打开模式的链接有关,因此它实际上并没有在文档中找到div。我猜我的JS需要稍微调整一下。看来我需要能够计算元素距模态内容顶部的偏移

javascript - 具有异步属性的脚本元素仍然阻止浏览器呈现?

我使用cuzillion工具构建page:head中只有一个script元素,有async属性,延迟2秒,3秒执行。但是Chrome中的页面加载时间轴是:当脚本执行时,它仍然阻塞浏览器渲染进程?但是为什么?它不应该异步执行吗?但是它不会阻塞解析器: 最佳答案 任何脚本的执行总是会阻止同一选项卡中其他脚本的解析、呈现和执行。async属性不会改变这一点。async所做的唯一一件事就是告诉浏览器应该获取脚本(假设它是一个远程文件)而不阻止这些事件。下载脚本后,脚本会在下一个可用机会开始执行(即,在当前脚本(如果有)完成运行之后;当然,新

javascript - 使用 jQuery 对 <div> 元素进行排序

我的网站上有如下HTML:Group1priority:123Group2priority:123Group3priority:123我正在寻找一种方法,根据在下拉列表中选择的内容,使用jQuery对这些组在浏览器中的显示顺序进行排序。当用户在任何下拉列表中或页面加载时选择新值时,它应该重新计算。解决这个问题最简单的方法是什么?如果可以以任何方式使用可排序的东西,我有可用的jQueryUI。我找不到使用它的方法。更新:中还有其他数据,无论它们被移动到哪里,都应该跟随下拉列表。组数从0到20不等。 最佳答案 编辑:这里有一些代码可以满

javascript - jQuery 附加函数到元素的 'load' 事件

我想将一个函数附加到一个jQuery元素,该元素在添加到页面时触发。我试过以下方法,但没有用:varel=jQuery('HIHIHI');el.one('load',function(e){window.alert('loaded');});jQuery('body').append(el);我真正想做的是保证另一个jQuery函数不会失败,该函数期望页面上有一些#id,所以我想在页面中加载我的元素时调用该函数。为了澄清,我将el元素传递给另一个库(在本例中它是一个电影播放器​​,但它可以是任何其他东西)并且我想知道什么时候el元素被添加到页面,无论是我的电影播放器​​代码,它正在添

javascript - 仅针对 html 禁用 flex 滚动,但针对溢出 :scroll 的元素进行维护

我正在创建一个全屏网络应用程序,它将包含一些使用新的iOS5溢出:滚动功能的模块/小部件。我想要的是在滚动html/body时禁用那种“flex”效果(因为它是全屏),但只在可滚动元素上保持这种效果。平滑我拥有的可滚动元素的效果:html,body{overflow:hidden;}.scrollable{overflow:scroll;-webkit-overflow-scrolling:touch;}然后是以下禁用触摸滚动效果的脚本:$(document).bind('touchmove',function(e){if(e.target===document.documentEle