Tag: html5

$（）。load（）而不是加载整个页面，但需要在所有页面上保留菜单: 我想用jQuery / AJAX $().load()函数重新加载我网站的内容区域。但我的问题是，无论您的输入url是什么， header和footer需要显示在所有页面上。我的网站是使用模板构建的，所以我首先想到的是删除布局输出的独特内容上方和下方，因为我会阻止ie。菜单显示两次。但我意识到，如果用户没有通过第一页进入我的网站，让我们说index.php，他将永远不会看到页眉或页脚只是一个没有样式的文本页面。我的问题是，你将如何解决这个问题？允许使用JavaScript（+ jQuery）和HTML5。

$ .parseXML无法使用有效的xml: XML： 39 6 $.ajax({ url: ‘choices.xml’, context: this, async: false, success: function(response) { var xmlDoc = $.parseXML(response); console.log(xmlDoc); // null } }); XML被报告为有效，并且不会引发任何错误。我知道我可以使用$（响应），但我不需要。 jQuery 1.7.2

jPlayer 2.0已用完/剩余时间: 我正在使用jPlayer 2.0 我已经播放，暂停等…但是如何从jquery对象中获取已用/剩余时间属性？我已经尝试过事件处理程序，甚至提供了带有默认选择器的HTML元素，但这些都不起作用。提前致谢！

点击触摸设备时如何防止“鬼”点击超链接: 当我完全触摸标签元素的边框时，它会触发click事件，但不会触发touchstart事件。为什么会这样？为了表明问题我做了这个小提琴： http ： //jsfiddle.net/o8cvqL0L/8/ a标签有2个事件： $(‘#yellow’).on(‘touchstart’, function(e) { alert(‘touch’); e.preventDefault(); }); $(‘#yellow’).on(‘click’, function(e) { alert(‘click’); }); 只需在黄色元素的边框上触摸即可。有什么方法可以避免这种行为吗？我在Android浏览器，Safari和桌面Chrome上进行了测试。非常感谢你！编辑：触摸必须在元素之外，但仍在触摸的radiusX / Y内，以成为单击。 click侦听器中的clientX / Y和pageX / Y的值不正确，显示对应于该元素的所有不对的坐标。（ http://jsfiddle.net/o8cvqL0L/35 ）拥有一个带touchstart侦听器的容器似乎使得子元素中的这些奇怪行为消失，并且事件对象中的坐标是正确的。（ http://jsfiddle.net/o8cvqL0L/42/ ）然后，使用事件委托修复了问题，但仅当目标元素是div而不是像我之前的例子中的链接时。这里是div元素的解决方案： http ： //jsfiddle.net/o8cvqL0L/44/ 我仍然在寻找标签的解决方案以及这些问题的记录原因。

用户在HTML5canvas应用程序中绘制的平滑锯齿线条？: 我们有一个HTML5绘图应用程序，用户可以使用铅笔工具绘制线条。与基于Flash的绘图应用程序相比，这些线条略有锯齿状边缘，看起来有些模糊。这是因为用户需要在绘制时保持线条完全笔直，或者算法会感知每个像素偏差并将其投影为锯齿状边缘。因此，绘制光滑，锐利的圆圈是不可能的。不知何故，其他绘图应用程序能够平滑这些锯齿状边缘，同时让用户绘制线条（直线或不线）。有没有办法可以消除这些线条？演示（选择铅笔工具）： http ： //devfiles.myopera.com/articles/649/example5.html 我们的应用使用类似的代码

在html5video结束时执行function: 我有一个HTMLvideo，我想在video结束时运行一个function。我尝试了以下但我什么都没得到： $(document).ready(function(){ $(‘video’).live(‘ended’,function(){ alert(‘video ended’); }); }); 任何想法为什么这不会在video结束时触发？或者我没有提供足够的信息来回答这里的任何问题？注意：我使用live（）函数而不是on（）因为需要jQuery 1.7和这个项目。

事件传播，叠加和拖放事件: 当用户将文件拖到窗口上时，我想在视口上叠加div。但是，我在事件传播方面遇到了麻烦。当我将叠加设置为display: block它似乎触发了一个dragleave事件，然后是另一个dragenter ，然后是另一个dragleave ，所以它总是处于后拖拉状态。当然我在事件对象上调用e.stopPropagation()和e.preventDefault() ，但它似乎没有什么区别。在窗口上拖动某些内容时，console.log（）输出： dragenter dragenter dragleave dragenter dragleave css。 #overlay默认设置为display: none ，但会显示body是否包含dragenter类： body { position: absolute; height: auto; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; } #overlay { position: absolute; height: auto; width: auto; top: 0; left: 0; right: 0; bottom: 0; background: url(bg.png) […]

当它已经有子元素时防止丢弃事件？拖放: 我正在做简单的匹配游戏。游戏有很多问题。我正在使用拖放进行匹配。首先，我将图像元素放到一个容器中，当我选择另一个元素并尝试将其放入同一个容器时，目前它正在覆盖现有元素。我想检查已经有元素的容器。如果没有，请允许掉落，否则防止跌落。码： .left, .right { float: left; width: 100px; height: 35px; margin: 10px; border: 1px solid black; } Matching the following Option A Option B Matching Option B Option A Matching function allowDrop(event) { event.preventDefault(); } function drag(event) { event.dataTransfer.setData(“text”, event.target.id); } function drop(event) { event.preventDefault(); var rightId = event.target.id; […]

HTML5 – 如何设置setCustomValidity？: 如何解决输入字段以设置setCustomValidity？这是行不通的：小提琴 $(‘#numberinput’).val(“”).setCustomValidity(‘The two email addresses must match.’);