草庐IT

dom-repeat

全部标签

html - 使用 jQuery 在 Dom Load 上自动播放 HTML5 视频

我正在尝试使用jQuery在dom加载后立即播放视频。这是我的代码:HTMLYourbrowserdoesnotsupportHTML5video.JS(script.js)$(document).ready(function(){$(#video).play();});当您加载dom时视频无法播放,我哪里出错了?提前致谢。 最佳答案 jQuery选择器$("#video")返回一个jQuery对象。由于play()是DOM元素的函数,因此您必须通过以下方式获取DOM元素:$("#video").get(0);在使用.play()方

javascript - 将 DOM 操作应用于 HTML 并保存结果?

我有大约100个静态HTML页面,我想对其应用一些DOM操作。它们都遵循相同的HTML结构。我想对每个文件应用一些DOM操作,然后保存生成的HTML。这些是我想要应用的操作:#[start]$("h1.title,h2.description",this).wrap("");if($("h1.title").height()第一行(.wrap())我可以很容易地使用查找和替换来完成,但是当我必须确定元素的计算高度时它会变得棘手,这不能很容易确定sans-JavaScript。有谁知道我怎样才能做到这一点?谢谢! 最佳答案 虽然第一部

html - :last-child in ng-repeat not working

我使用Angular的ng-repeat多次打印一个div。但是最后一个child的造型似乎有点不对劲。我需要为ng-repeat元素的最后一个子元素提供特定的样式。这是我正在做的:.link-ticketsdiv:last-child{ float:left;}{{acct_details.client_name}}{{available_stages[ticket_data.stage_id].stage_name}}{{ticket_data.created_at|format|date}}那么,我做错了什么? 最佳答案 您还

javascript - 当 body 可以相对定位时,如何计算 dom 元素的页面位置?

当我将body设置为具有39像素边距的相对定位元素(我正在为页面顶部的工具栏腾出空间)时,我有一个奇怪的错误开始出现。无论如何-如果您查看大多数网站如何告诉您计算页面元素位置,您会看到如下代码:functiongetPos(elt){varpt=[0,0];while(elt.offsetParent!==null){pt[0]+=elt.offsetLeft;pt[1]+=elt.offsetTop;elt=elt.offsetParent;}returnpt;}即使您的标记有边距,这也能正常工作。但是,如果您的body也是position:relative,那么这将返回一个太小的值

javascript - 基于类为DOM元素添加事件监听器

我有一个表,其中每个tr和td只有类,我在选择具有类的td元素时遇到问题我需要HTML:12当使用class="cell"将鼠标悬停在td上时,我必须在我的鼠标所在的td之间获取文本,并用它做一些事情。这应该使用纯JavaScript完成,无需框架。我试过:varcell=document.querySelector('.cell');functioncallback(){//dosomething}cell.addEventListener('mouseover',callback(),false);它不起作用,还是我做错了? 最佳答案

javascript - 在 DOM 中被触发的事件列表

有什么方法可以获取在DOM中触发的事件列表吗?我不想通过添加断点来跟踪。我正在寻找类似内部浏览器日志的内容,其中包含为正在加载的页面触发的事件顺序。这应该包括所有事件,甚至是mouseup、mousedown之类的事件。 最佳答案 如果您使用的是chrome,您还可以安装一个名为“VisualEvent”的扩展程序,它对我来说效果很好,它会列出所有DOM事件。Linktochromewebstore 关于javascript-在DOM中被触发的事件列表,我们在StackOverflow上

javascript - 多平台 HTML5 游戏 DOM+CSS vs CANVAS vs 两者

我在过去几个月内构建了一些HTML5游戏并且一直在使用createJS套件并将所有内容渲染到Canvas上。我选择Canvas的原因是它似乎更容易跨平台工作,因为我可以缩放Canvas以适应屏幕,一切都很完美。好吧,在大多数设备上!性能在较旧的Android和iOS设备上是一个问题,但并不可怕。我的下一个HTML5是个大问题,以前的游戏只是简单的点击、测验风格的游戏,动画很少,菜单也很少。这是一顿​​更大的晚餐,有更多的菜单、互动对象,但同样只有简单的动画。但它涉及一个pan-able(是一个词)环境。为此,我更倾向于将DOM和CSS用于HUD元素和菜单,它们将覆盖在Canvas之上,

html - 防止 Chrome 在显示文本搜索结果时移动 DOM 元素

如果一个元素是overflow:hidden并且我们使用浏览器的文本搜索功能来查找该元素内的文本,但它是不可见的,Chrome将移动该元素以便搜索结果对用户可见。您可以在这里看到这种情况:http://codepen.io/anon/pen/qdayVz在Chrome中打开链接并搜索不可见的文本,例如“CCC”,您将看到Chrome将移动该元素以显示找到的文本。这是一个真实世界的例子:http://www.jssor.com/demos/full-width-slider.html--搜索不在可见幻灯片中的文本。这在Firefox中不会发生。 最佳答案

javascript - html DOM 节点限制

为了好玩,我正在开发终端模拟器,并且具备后端启动和运行的基础知识。但是,我一直在前端遇到性能问题。众所周知,终端窗口中的每个字符都可以有不同的样式。(颜色、背景、粗体、下划线等)。所以我的想法是使用对于View窗口中的每个字符,并在必要时应用内联样式,以便我拥有所需的控制程度。问题是刷新后的性能非常糟糕。Chrome可以在我的电脑上处理它,每秒大约120次操作,firefox每秒80次。但是InternetExplorer几乎没有6。所以在我使用html之后,我尝试使用Canvas,但Canvas上的文本非常慢。我在网上阅读了缓存帮助,因此我为每个字符实现了一个缓存,并且可以通过一些复

javascript - 如何创建屏幕阅读器可访问的 AJAX 区域和 DOM 插入/删除更新?

我的用户交互过程如下:用户会看到一个包含城市列表的下拉列表选择城市后,AJAX请求获取城市中的所有建筑物,并将它们插入到一个div中(此AJAX请求返回一个复选框列表)然后用户可以选中/取消选中复选框以将城市添加到同一页面上的表格中。(动态插入/删除表格行)这是我的选择下拉列表:Chooseyourfavoritecity?AmsterdamBuenosAiresDelhiHongKongLondonLosAngelesMoscowMumbaiNewYorkSaoPauloTokyo这是清空/填充的ajaxdiv:这是放置在ajaxdiv中的复选框列表:Selectyourfavori