草庐IT

重复元素

全部标签

javascript - 查找以指定前缀开头的自定义元素

我有一堆以“food-cta-”开头的自定义元素。我正在JavaScript/jQuery中寻找一种能够选择这些元素的方法。这类似于我可以使用$('*[class^="food-cta-"]')的方式选择所有以food-cta-开头的类.是否可以搜索以“food-cta-”开头的元素?请注意,我会将此搜索注入(inject)页面,因此我无法访问Angular。自定义元素示例:编辑:我正在查看的代码如下所示:该应用程序使用AngularJS创建自定义元素,我认为这称为指令。 最佳答案 您可以使用XPath用表达式//*[starts-

javascript - 引用了一个元素,如何检测它何时附加到文档中?

我正在开发一个JavaScript模块,它对使用它的环境一无所知。而且,从技术上讲,我想实现下一个功能:onceAppended(element,callback);element是一个HTMLElement并且这个元素的父元素在模块初始化期间可能是未知的。callback是一个函数,当element出现在页面上时必须触发。如果元素附加到文档中,则必须立即调用回调。如果element尚未附加,函数将在element出现在文档中时触发callback。问题是,我们可以使用DOMNodeInserted变异事件来检测element追加事件。但是突变事件现在是deprecated.而且Mut

javascript - 如何在不使用 React 重新渲染整个列表的情况下添加新元素

我正在开发简单的流应用程序。我有帖子列表,这个列表可以接收更新,更新将显示在它的顶部。问题是在接收到每个新帖子时,React都会重新呈现整个元素列表。我已经为它做了一个简单的例子。有什么办法可以避免这种行为吗?我在React文档上看到了dynamic-children主题,但在示例中,如您所见,我已经更新了所有子项。classPostextendsReact.Component{render(){console.log('rerenderedpost',this.props.reactKey);return({this.props.post.text});}}classAppexten

javascript - 移除元素时 react 动画

我是React的新手。我正在尝试通过实现完整的CRUD来学习。但是,我无法让动画很好地从列表中删除类(class)。我已经在transitionAppear和transitionLeave上配置了动画。transitionAppear工作正常。我无法获取transitionLeave这是我的组件:https://github.com/leonardoanalista/react-crud/blob/master/src/components/course/CourseListRow.js这是动画的CSS:https://github.com/leonardoanalista/react

javascript - Angular:自动完成字段在删除元素后更改焦点

我有一个使用PrimeNG组件的Angular2应用。UI具有多选自动完成组件(p-autoComplete),类似于thedocumentation中的组件:唯一的区别是,在我的例子中,输入字段具有固定的尺寸和滚动条。问题:每次当我从自动完成列表的中间删除一个元素时,它会将焦点移动到输入字段的底部。它看起来像这样:这对用户来说非常烦人,尤其是当有几个字段应该被删除时。问题:如何在删除元素后强制滚动保持在同一位置?如何重现:更具体地说,您可以通过添加下一个css来重现该问题max-width:150px;max-height:100px;overflow-y:auto;直接在docum

javascript - 如何通过 Content-Security-Policy 允许 `javascript:void(0)` 在 HTML 元素属性中使用?

我希望能够做到或确保即使处理程序未能阻止默认操作也不会发生任何事情。我应该如何声明允许使用Content-Security-PolicyHTTP响应header而不求助于unsafe-eval? 最佳答案 我最近将CSP策略应用于一个巨大的VUE项目,方法是将元header添加到index.html。GoogleChrome会打印关于javascript:的警告链接,但除此之外没有其他任何事情发生。我所做的只是删除href="javascript:属性,并添加了一个样式来保持游标样式:a:hover{cursor:pointer;}

javascript - 如何仅使用 CSS3 将动态创建的元素平滑地添加到 DOM 中?

我的需求很简单,但我找不到合适的解决方案。我创建元素并将它们作为元素列表添加到DOM,每个新元素都在旧元素之前添加。我希望“顺利”添加新元素。每个元素的高度是动态的,因此必须符合CSS规则。我想我必须使用CSSanimations和keyframes,据我所知我不能使用transitions因为有时itisnotrenderedbythebrowser.我不想使用Javascript,所以我更愿意避免使用setTimeout()或jQuery的解决方案。我确信这可以使用现代CSS正确完成,但我仍然需要找到正确的方法。我有一个解决方案的开始(见下文),但是仍然有max-height:10

javascript - 如何实现将整天设置为 true 的重复事件?

我在实现全日历时遇到问题。我使用fullcalendar插件来允许用户添加任务和事件,并使用相应的选项全天、每周、每天、每月和每年重复出现。对于上述功能,我引用了两个SO帖子RecurringEventsinFullCalendar(Forrepeatingweekly)Repeatfullcalendareventsdaily,monthlyandyearly.在创建每周重复的全天事件时,我遇到了一个问题,该问题已在Issue#4173中解决。我为此创建了一个演示here我还检查了v4,我发现它对我有用v4中的演示here,但我还有其他一些顾虑,我正在一个实时网站上工作,在那里我无法

javascript - 通过 Javascript 显示或隐藏 PDF 中的元素

在PDF文件中,通过JavascriptAPI与表单域交互非常容易。.是否可以对页面上的任意元素执行此操作(特别是显示/隐藏)?比如说,不仅是表单字段,还有文本、图形元素、嵌入式图像……是否有API可以与这些进行交互?如果是,我如何识别对象? 最佳答案 这在很大程度上取决于文档的“扁平化”程度。您可以轻松访问链接、页面标题、图标等,但据我所知,您处理的不是与HTMLDOM类似的文档,其中所有内容都可以在some方式。创建PDF时,即使是从Illustrator等分层应用程序创建的,也会合并(拼合)文档的各个部分以保持较小的文件大小。

javascript - 防止在 iOS 上滚动 HTML5 <video> 元素

我试图阻止在MobileSafari上包含HTML5视频元素的Web应用程序中的默认滚动。处理document.ontouchmove和调用e.preventDefault()是我发现实现此目的的标准方法。这似乎在任何地方都有效,除了当您触摸视频元素的顶部时,您可以开始向四周拉动页面,就好像它要滚动一样。这似乎只有在强制打开native视频控件时才会发生。如果您不包含controls属性并以可以在线播放的方式加载视频(例如在iPad上或在设置了allowsInlineMediaPlayback的UIWebView中),则会正确阻止滚动。所以它似乎与捕获事件的native视频控件(大播放