Tag: html5

Javascript碰撞检测系统不会忽略阻塞的碰撞: 我在使用EaselJS和我的碰撞检测系统进行小游戏开发时遇到了问题，我需要别人的帮助。当英雄（圆形位图）碰撞一个物体并且第一个物体后面有其他物体时，即使第二次碰撞被阻挡，英雄也会与两个物体发生碰撞。这是一个图像说明：问题的原因非常简单，即使问题本身不是：该碰撞检测系统基于圆的未来位置（而不是其实际位置），然后如果圆的下一个位置与矩形相交，则它将反弹。问题在于，如果未来位置与两个矩形相交，则圆圈将在两个矩形中反弹 – 即使实际的圆周运动被另一个矩形阻挡，也无法到达第二个矩形。更新：请注意，只有在由于rect创建顺序而保持向上箭头时才会出现此问题。这是相关的JavaScript代码： rects.forEach(function (rect) { // Affect all rects // Collision detection: // (This MUST BE after every change in xvel/yvel) // Next circle position calculation: var nextposx = circle.x + event.delta / 1000 * xvel * 20, nextposy = circle.y + event.delta / 1000 * yvel […]

如何在i18next中使用Knockout observable？: 我试图以某种方式动态地使用i18next翻译和Knockout.js，但我无法弄清楚如何。自定义Knockout绑定或i18next jQuery插件似乎都不适用于可观察值。我可以在这里找到我想要实现的演示： http ： //jsfiddle.net/rdfx2/1/ 解决方法是这样的，但我宁愿避免这种情况，如果可能的话： self.translate = function (key, value) { return i18next.t(key, { “var”: value }); }; 谢谢，

html5video标签在android phonegap中不起作用: 我在android phonegap中创建了应用程序。我想用html5video播放器播放video。我的代码是： Video.js | HTML5 Video Player 此代码显示video播放器。但是单击播放按钮时video不播放。有什么问题？请指导我。提前致谢。

在Slick Slider中更改幻灯片之前检查条件: 我正在使用这个流行的旋转木马（ http://kenwheeler.github.io/slick/ ）。我已在每张幻灯片中放置了某些元素。在移动到下一张幻灯片之前，用户必须至少选择其中一个元素。但是我无法弄清楚如何通过在选择元素之前单击“下一个”箭头来防止用户手动移动到下一张幻灯片。我知道’下一个/上一个’箭头可以被禁用，但我不想这样做，因为用户可能想要回到上一张幻灯片来更改他的选项。我知道一个选项是禁用默认箭头并引入我自己的上一个/下一个箭头，然后将滑动更改function与条件检查绑定在一起。但是如果这个滑块中有一些内置选项（我无法弄清楚）会很好，因为它可以最大限度地减少我的努力。

在AJAX页面加载后播放的HTML5video: 当我通过AJAX请求到达页面时，我很难获得HTML5video。如果您刷新页面，或直接登陆页面，它可以正常工作。但是当通过AJAX导航到页面时，它无法播放。代码是：我尝试在AJAX页面加载成功时触发以下代码： video = document.getElementById(‘video’); video.load(); video.addEventListener(‘loadeddata’, function() { video.play(); }, false); 还简单地说： video = document.getElementById(‘video’); video.play(); 我也尝试过使用像video.js这样的插件，但无济于事。我不禁想到我错过了一些非常简单的事情。当然，如果video在页面上并且具有自动播放设置，那么无论您是通过AJAX还是直接到达页面，它都应该播放？对页面的AJAX请求只更新#main元素（video在里面）和history.pushState – 这可能与它有什么关系吗？它似乎不太可能……

html5 / javascript音频同时播放多个曲目: 是否可以同时播放整个音频实例？我知道，我可以每次创建一个新实例并在每个实例上调用.play（），但我认为它很脏。喜欢 sound1 = new Audio(‘sound1.mp3’); sound2 = new Audio(‘sound2.mp3); sound1.play(); sound2.play; 它或多或少与此线程相同：同时播放多个声音但必须有优雅的方式吗？

存储日期并从本地存储中检索: 我将日期存储到本地存储，如下所示。 JS： var currentTime = new Date(); //get the current time. //Clock in the time. localStorage.time = currentTime; 当我尝试稍后使用时检索它… var timeObj = new Date(localStorage.time); var checkInDayOfMonth = timeObj.getUTCDate(); //returns 1-31 timeObj没有正确的日期时间，它似乎有当前时间，好像它忽略了我发送的时间参数。我正在使用getUTCDate来获取当月的这一天。如果今天的价值与存储的价值不同，我知道这是新的一天。打开Google Chrome Inspector会以以下格式显示以localStorage存储的日期： Wed Dec 11 2013 22:17:45 GMT-0800 (PST) 这不是日期构造函数的可接受格式吗？如何正确存储和检索localStorage中的日期？

如何在ajax请求中控制缓存控制: 可能是一个愚蠢的问题，但我搜索了很多没有结果。我知道如何在服务器响应中设置缓存控制，但是如何在ajax请求中更改缓存控制的值？注意：我希望浏览器使用它的缓存。不希望它从服务器获取更新的json ..这是我想要做的全部事情。

JQuery + SVG对象：正确捕获点击事件: 好的，我正在尝试捕获菜单项上的点击事件这是我的HTML：这是我正在使用的脚本： $(“#wrapper”).on(“click”, ‘#friendsLink’, function(){ console.log(‘test’); loadFriends(); }); 当我使用脚本选择一个简单的a-tag时，它工作正常，但在这个svg对象上它根本不起作用。请注意，单击li元素的填充区域时，它确实有效。但在点击svg-image区域时却没有。这个post中的post表明svg dom与html dom不同，因此jquerys事件失败了。 jQuery Selector + SVG不兼容？尝试处理svg元素上的点击事件时，该怎么办？帮助非常感谢

使用HTML5输入类型和jQuery: 我有一个包含以下字段的表单（此字段只是4中的一个）如果我在jquery中使用它，表单按预期工作： var dataString = ‘name=’+ name + ‘&email=’ + email + ‘&message=’ + message + ‘&ip=’ + ip + ‘&date=’ + date; 但是，如果我使用它来缩短代码，则在提交时完全忽略电子邮件输入。 var dataString = $(‘#contact’).serialize(); 这是一个错误还是我看不到的东西。两者有什么区别？如果我将电子邮件输入更改为“text”，则表单将与serialize一起使用使用jquery 1.6.0