Tag: html5

html5音频在元素存在之前绑定timeupdate

我试图从音频标签绑定“timeupdate”事件,但尚未存在。 我习惯这样做: $(“body”).on(“click”,”#selector”, function(e) { }); 我用音频标签尝试了这个: $(“body”).on(“timeupdate”, “.audioPlayerJS audio”, function(e) { alert(“test”); console.log($(“.audioPlayerJS audio”).prop(“currentTime”)); $(“.audioPlayerJS span.current-time”).html($(“.audioPlayerJS audio”).prop(“currentTime”)); }); 但这不起作用。 这应该有用吗? 或者我做错了什么? 任何帮助都非常感谢。 有一个fiddel给你: jsfiddel

Javascript历史状态不正确

我正在尝试使用填充当前所选选项卡的索引 history.pushState({tabSelected: 1}, null, “”); 我有一个jquery中popstate事件的处理程序,它以编程方式切换jquery ui选项卡。 $(window).bind(“popstate”, function(event) { var state = event.originalEvent.state; … } 这工作正常,浏览器和我可以使用后退和前进按钮在选项卡之间切换。 也适用于两层标签。 但在某些情况下,我想将其他状态推送到堆栈。 所以我做了以下事情: var content = { targetId : id, targetContent : $(“#myDivId”).html() }; $.extend(content, {tabSelected: currentTab}); history.pushState(content, null, “”); 我把它推到历史之前和之后看起来都很好。 检查console.log(history.state); 还尝试检查chrome控制台。 但是在我的popstate处理程序中,我没有在对象event.originalEvent.state上看到targetId,tabSelected属性。 我在对象上看到tabSelected的正确值,但由于某种原因,我看到了一个削减状态。 检查Chrome和Firefox。 无法获得正确的内容。 什么想法可能是错的? 提前致谢。 更新 还尝试在每个pushstate上递增一个全局变量并将其添加到状态。 事实certificate,对于特定情况,我提到全局变量变为值48而不是49意味着它正在拾取最后但只有一个事件。 我没有看到我的popstate处理程序被调用。 不知道发生了什么。 另一个更新 当我调用history.pushState(content,null,“”)两次时它可以正常工作。 (只在一个地方,在另一个地方,我仍然称它为一次)。 看起来由于某种原因,浏览器返回的是最后一个状态。 […]

如何动态创建div可编辑

我想制作动态创建的div editable。 哪个也是可拖动的 div。 这就是我试过的 1)$(“#divid”).attr(‘contentEditable’,’true’); 2)$(“#divid”).live(“click”,function(){ $(this).click(‘contentEditable’,true); }); 3)$(“#divid”).click(‘contentEditable’,true); 但上述工作都没有。 知道如何让它工作! 提前致谢!

当开发人员工具打开IE11时,网站的行为会有所不同

我在IE11中使用以下模板,无法弄清楚为什么每次导航发生时侧边栏都会唱歌。 当开发人员工具打开时,它的行为与我希望的一样。 通过在运行IE11时单击树中UI元素下的任何一个选项卡,可以轻松演示它。 但是,您会注意到如果F12开发人员工具打开,每次导航发生时侧栏都不会滑动。 这不是chrome中的问题。 fastclick有一个错误可能会出现,但是我没有快速点击而且仍然会发生。 任何帮助都会很棒。 谢谢。 https://almsaeedstudio.com/themes/AdminLTE/pages/UI/general.html

iframe沙盒使用’allow-same-origin’标志错误

有人可以提供有关此错误的更多信息以及’allow-same-origin’标志的工作原理吗? 我在Chrome浏览器中遇到iframe Sandboxing错误: Uncaught SecurityError:无法从’HTMLIFrameElement’读取’contentDocument’属性:沙箱访问冲突:阻止“ http://192.168.0.169 ”的帧访问“ http://192.168.0.169 ”的帧。 被访问的框架是沙箱,缺少“allow-same-origin”标志。 我很困惑,为什么当192.168.0.169的帧从同一个ip地址访问另一帧时,我需要’allow-same-origin’标志。 非常感谢你。

HTML5地理定位,询问位置?

是否有可能要求用户允许按需获取其位置? 通常会询问页面何时询问位置,例如navigator.geolocation ,但在页面重新加载并且脚本再次询问该位置之后才会再次询问。 在用户点击拒绝后,有没有要求按需提出要求?

如何在播放之前完全加载音频?

我必须在播放前完全加载音频。 播放器完全加载后应自动播放音频。 不应该有暂停按钮/用户无法暂停它。 这是我的代码,但无法执行此操作。 超文本标记语言: <audio class="audio-player" onloadeddata="myOnLoadedData()" onprogress="myOnProgress()" src="” controls> JavaScript的: function myOnLoadedData() { console.log(‘Loaded data’); $(‘audio.audio-player’).attr(‘autoplay’,’autoplay’); } function myOnProgress(){ console.log(‘downloading’); } 还是有其他玩家符合我的要求吗?

如何以编程方式在javascript中获取旋转的svg文本边界

我正在动态渲染SVG图像并创建旋转文本。 如果旋转的文本与其他文本重叠,我需要删除该文本。 但我无法测量旋转的文本来创建边界并检查下一个标签文本区域。 我已经创建了3个SVG元素来解释。 SVG-1显示重叠的文本。 SVG-2显示重叠的旋转文本(角度-10) SVG-3显示旋转的文本而不重叠(角度-50) 我将动态地将文本旋转到任何角度。 如果在旋转文本时它重叠,我需要以编程方式删除重叠的文本。 小提琴链接 Sprint 13_March_2015 DT_Apr2015_Sprint13 Sprint 13_March_2015 DT_Apr2015_Sprint13 Sprint 13_March_2015 DT_Apr2015_Sprint13 有谁能提出解决方案?

如何使用HTML5canvas创建柔和的笔触边缘

我正在使用HTML5canvas创建绘图应用程序。 https://github.com/homanchou/sketchyPad 我可以使用rgba来控制笔划中的不透明度,但是如何获得柔软的羽毛画笔边缘与硬圆形边缘?

如何选择选项更改按钮链接?

我有一个下拉列表和一个按钮。 我想在按钮链接上反映列表的选择。 示例JSFiddle 这是示例代码: $5.00 monthly $10.00 monthly $15.00 monthly $20.00 monthly Order 我想要实现的是当用户例如选择第二个选项时,按钮链接变为http:// ordernow / 10 /而不是http:// ordernow / 5 /等等。 有人可以告诉我这是怎么做的或提供有关此教程的链接? 谢谢。