草庐IT

重复元素

全部标签

javascript - 使用 ng-repeat 时如何获得元素的正确高度和偏移值?

我正在尝试获取列表项的偏移量和高度。一旦我有了这些,我就在父指令上调用一个函数。最后,这将是进入View时进出的过渡元素。问题:由于ng-repeat(我不知道为什么),el[0].offsetheight和el[0].getBoundingClientRect().top;值几乎是随机的;除非,我在逻辑周围包装了一个$timeout。我认为这是因为样式有时间渲染?问题:如何在不包装$timeout或使用$watch的情况下获得准确的偏移量和高度。HTML:...JS:app.directive('spyed',function(){return{require:'^scrollSpy

javascript - 在 DOM 中移动 Controller 时保留元素/范围状态

在一个Angular应用程序中,我想将一个元素从DOM树的一部分移动到另一部分,而不必重新加载附加到移动元素的Controller。我创建了一个简化的plunker来说明:http://plnkr.co/edit/sqBRM3ZQ5G9xpiNd1MXm?p=preview在这个plunker中,唯一要保留的数据是切换器状态,但实际上它可能是非常大量的数据,可能需要花费大量精力来初始化。我想要做的是能够将模板1从指令1移动到指令2,但我想保留切换器的状态。在这种情况下,如果单击切换器使其变为绿色,然后单击“从列表1移动到2”两次,它会将其移动到指令2,但会将颜色重置为红色。为了避免这种

javascript - 找出 Protractor 元素 CSS 链

出于开发和调试目的,如果知道我在以下方法中询问的完整CSS链是什么,那将是非常好的:divElm.element(by.css("article")).element(by.css("tbody>tr")).then(function(elm){//isthereawaytoknowherewhatisthe"CSSchain"of'elm'?});如果我调试elm,我会看到一个locator属性:locator_:{using:'cssselector',value:'tbody>tr'},但这只是链中最后一个元素的定位符。拥有所有东西真的很有用,比如:divElm,article,

javascript - 如果我将一个元素从一个容器移动到另一个容器,是否存在范围问题?

考虑到您有这种情况:元素.componentB有一个名为move-to的指令,它只是简单地移动该元素的内容,使用jQuery子通配符选择器(如varcontents=$('.componentB').find('>*');),当这些断点中的任何一个在breakpoints指令上定义时(这些数字是索引一个阵列,保持断点测量)当前正在发生。当该指令的某个断点处于事件状态时,DOM将更改为:这是我正在处理的一个网站的静态版本中使用的一种响应机制。我需要知道范围继承、事件广播、状态Controller是否存在缺陷,它们与div.main相关,而div.main本身就是div.auxiliary

javascript - 当某些对象必须避免配对在一起时,如何将一个数组的元素随机映射到另一个数组的元素?

我正在创建一款游戏,玩家需要将屏幕上的对象分类到正确的目标位置。我正在寻找一种方法来随机排列对象,以便没有对象从正确的位置开始。因此,我们不会陷入双重否定的疯狂世界,我将把“正确答案”位置称为“避免”位置,将“错误答案”位置称为此类“有效”位置。数组可能看起来像这样:varsort_items=[{"avoid":["target1","target2"]},{"avoid":["target1","target2"]},{"avoid":["target3"]},{"avoid":["target4","target5"]},{"avoid":["target4","target5"

javascript - Aurelia 如何在自定义元素及其自己的命名空间中添加绑定(bind)行为?

我正在构建一个Aurelia自定义元素,我想使用一个特殊的绑定(bind)行为,但是我似乎无法在我的自定义元素类之外使用它(声明它)。另外,我想知道Aurelia中是否存在用于绑定(bind)行为和其他自定义内容的命名空间?这是我想使用的绑定(bind)行为optional-binding.js-codeprovidedbyanotherstackquestionexportclassOptionalBindingBehavior{bind(binding,scope,interceptor){binding.originalupdateTarget=binding.updateTar

Javascript/CSS 灯箱仅适用于第一个元素?

我试图在点击每张照片时在Javascript/CSS灯箱中打开我的每张照片。目前,只有我的照片列表中的第一张照片在灯箱中打开。其他照片不会在灯箱中打开。请有人解释/告诉我这是为什么,并解释/告诉我这样做的正确方法吗?这是我的HTML/PHP:query("SELECT*FROMuser_dataWHEREuser_id=$p_id");if($result4->num_rows>0){echo'';echo'';echo'';echo'';echo'';echo'';}?>×CSS:#myImg{cursor:pointer;transition:0.3s;}#myImg:

javascript - 使用在组件类中找到的变量修改伪元素属性值的 Angular/Mobile 友好方式是什么?

有没有比我目前正在做的更好的方法来使用组件变量修改伪元素属性?我没有按照Angular的方式来做,但这是我的目标。我的方式在移植到移动设备时肯定会失败。我想在组件样式表中放置一个变量:组件:@Input()publicvariable=variable;组件样式表:input[type=range].MPslide.pvd-slider::-webkit-slider-runnable-track{background:linear-gradient(#568200,#568200)0/variable100%no-repeat#ccc}不幸的是,它不存在于我的模板中,所以我无法在其上

javascript - 序列化 DOM 元素,包括所有 CSS 属性

我正在开发一个像yola.com这样的在线网站设计系统。我想获取应用的CSS属性及其值到任何DOM元素的列表。例如,我有一个h1标签,它的css在调整大小和拖动时由jqueryui随机更改,还通过tinymce等更改其文本装饰和文本内容等。我在这个页面上有一个保存按钮。当我点击保存时,我想使用php将所有这些更改保存到数据库中。现在我的目标是只知道每个元素的css和内部文本内容。我该怎么做? 最佳答案 在javascript中,您可以通过调用找到元素的当前类名element.getClassName();至少在当前版本的firefo

类似于谷歌日历重复选项的javascript插件/表单

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭10年前。是否有一个javascript插件可以在视觉上复制与谷歌日历重复选项相同的功能?