Tag: html5

html5video预载: 是否可以预加载htmlvideo？注意：标签将在以后动态创建。目前，我可以通过创建隐藏的div并将所有图像放在那里来对图像执行此操作。然后，当我稍后创建需要时，不需要重新加载图像。当使用video标记完成此操作时，浏览器仍会在创建元素时从头开始加载video。我看到了这个： https ： //github.com/jussi-kalliokoski/html5Preloader.js ，但它似乎不适用于video。任何想法，将不胜感激！

JQuery移动pageslide，新的facebook菜单: 我的故事在这里：我想要像屏幕左侧的新Facebook菜单。这真的很好，我希望将它添加到我的webapp，但问题是，我真的不擅长CSS，更糟糕的是css3。经过几个小时的搜索，我发现了这个链接： https://github.com/perezd/jquery-pageslide 这正是我想要的，它是完美的。但它对移动设备不起作用（尚未）。按下链接时，它会打开一个全新的页面，而不是div滑入视图。任何想法如何让这个工作？

如何在YouTube弹出窗口中嵌入YouTubevideo？: 我有一个很棒的弹出插件。但它没有在弹出窗口上显示video如何在巨大的弹出窗口中嵌入YouTubevideo？

用于Bootstrap的跨浏览器数字微调器/步进器: 我正在寻找一个与Twitter Bootstrap 2.3集成的数字微调器，使用HTML5 input type=”number” 根据撰写本文时的caniuse ，只有Chrome可以按照我的意愿呈现这个元素。可能Firefox很快就会这样做，从现在开始不会超过5到10年，IE也会提出一个解决方案。我已经测试了其中几个，但都已经3年多了，依赖于jQuery UI并且没有与Bootstrap完全正确集成。同时我很好奇是否有任何jQuery库/或其他解决方案在屏幕截图中呈现输入。

HTML5地理定位实施: 我有一个区域和经度/经度列表，我要求用户在他们访问我的网站时选择他们的位置。如果可能的话，我希望使用HTML5的地理位置预先填充他们的位置，但我不确定最好的方法。网上似乎缺少教程，至少从我能找到的内容来看。有没有人这样做过？你知道一个好的教程/资源吗？更新如果我有一堆城市的坐标，我如何使用javascript来确定最近的位置？

如何测试移动webkit: 我正在寻求建立一个新的网站，并希望采取负责任的“移动优先”的方法。这种方法的一个原则是只加载你需要的东西，并避免包含大量浪费的库和框架，直到你真正需要它们为止。为此，我打算使用modernizr2来测试function，然后只加载所需的文件和库。在javascript方面，我真的很有兴趣使用类似zepto.js（ http://zeptojs.com/ ）的东西，这是一个小巧的javascript库（2-5k），针对移动webkit（和单独的移动webkit）进行了优化一个jquery兼容的语法。它也被设计为具有全开jquery的“热插拔”。所以我的策略是（伪代码）：测试移动webkit 如果（true）加载zepto.js if（false）加载jquery 但现在我的问题是：你们建议用什么（未来certificate）技术来检测移动webkit，最好是以纯粹的javascript方式（不使用jquery，插件或其他库）并且可以与modernizr的测试API集成？

CSS Media查询横向android软键盘: 我正在开发一个平板电脑的网络应用程序（用于Android和ios），我正面临一个问题，这个问题已经给我带来了2天的麻烦。问题是，当您处于纵向模式时，在Android上，例如您聚焦输入字段，以便软键盘弹出css媒体查询方向更改为横向。我已经读过这个问题： CSS媒体查询 – 软键盘打破了css定位规则 – 替代解决方案？并想出了这个： var is_keyboard = false; var is_landscape = false; var initial_screen_size = window.innerHeight; window.addEventListener(“resize”, function() { is_keyboard = (window.innerHeight < initial_screen_size); is_landscape = (screen.height < screen.width); updateViews(); }, false); function updateViews() { if(!is_landscape) { if(is_keyboard) { $("html").removeClass("landscape portrait"); $("html").addClass("portrait"); } } } 然而，由于某种原因，这不起作用。无论如何都要将方向更改为纵向模式，以便css媒体查询认为我们处于纵向模式？我不喜欢使用max-width等因为我需要支持多种屏幕尺寸。提前致谢。

当焦点事件在输入上触发时，使HTML5 datalist可见: 有些人可能已经知道造型选择元素是一场噩梦，如果没有一些javascript技巧，几乎是不可能的。 HTML5中的新数据列表可以用于相同的目的，因为向用户显示选项列表，并且值记录在输入文本字段中。这里的限制是列表在用户开始在文本字段中输入内容之前不会出现，即使这样，也只会根据输入显示可能的匹配。我想要的行为是，只要对该字段有焦点，整个选项列表就会变得可见。所以我有这个代码 – 在jsbin上查看 Input – Datalist Breakfast Brunch Lunch Dinner Desserts 而我正试着通过这个Javascript来展示： var catVal = document.getElementsByTagName(“input”)[0], cat = document.getElementById(“categories”); catVal.style.fontSize = “1.3em”; catVal.addEventListener(“focus”, function(event){ cat.style.display = “block”; }, false); 任何帮助，将不胜感激，干杯

使用html5使用ajax和jquery上传文件: 所以我试图将图像与表单数据一起上传到服务器。我正在使用FileReader API将图像转换为数据并上传到服务器。我使用AJAX Jquery跟踪类似于HTML5上传器的代码。数据在jquery中转换，但没有任何内容发送到服务器，也没有生成错误。 $(‘#formupload’).on(‘submit’, function(e){ e.preventDefault(); var hasError = false; var file = document.getElementById(‘file’).files[0]; var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = shipOff; function shipOff(event) { result = new Image(); result.src = event.target.result; var fileName = document.getElementById(‘file’).files[0].name; $.post(‘test.php’, { data: result, name: fileName }); } PHP代码 $fileName ); echo json_encode($returnData); ?> 问题是由于大图像文件还是FileReader […]

如何在jquery中用另一个标签替换HTML标签？: 我有一个我正在研究的网站，它使用’旁边’标签，即使使用HTML5 Shiv，无论我尝试什么，我都无法读取IE8。所以，我想知道，你如何用jQuery替换其他标签的现有标签？例如，如果我想改变至怎么做？