Tag: html5

如何显示图像代替复选框？: 我想在选中复选框时显示绿色选中的图像，并且当未选中时显示空框。我试图在div中设置复选框并设置div的背景，但它并没有帮助我。知道该怎么办？以下是我想要的输出。

如何设置video文件的预览，从输入类型=’文件’中选择: 在我的一个模块中，我需要从输入[type =’file’]浏览video，之后我需要在开始上传之前显示所选video。我正在使用基本的HTML标签来显示。但它不起作用。这是代码： $(document).on(“change”,”.file_multi_video”,function(evt){ var this_ = $(this).parent(); var dataid = $(this).attr(‘data-id’); var files = !!this.files ? this.files : []; if (!files.length || !window.FileReader) return; if (/^video/.test( files[0].type)){ // only video file var reader = new FileReader(); // instance of the FileReader reader.readAsDataURL(files[0]); // read the local file reader.onloadend = function(){ // set […]

在弯曲的路径中移动div（就像过去在Flash中的补间一样）？: 我想构建一个类似的函数 fromHeretoThere(x1,y1,x2,y2){ //…. } 这样我就可以将或图像从HTML页面上的一个点移动到曲线中的另一个点。这只能使用Canvas吗？ HTML5？任何插件/脚本哟建议？

如何在单击子项时仅触发父单击事件: 子和父都可以点击（子可以是jQuery点击事件的链接或div）。当我点击孩子时，我怎么只触发父点击事件而不是子事件？

如何从子窗口jquery调用父窗口函数？: 我只需要在用户关注子窗口时调用父窗口中的函数。我在父窗口中有这个代码， function CallParent() { alert(” Parent window Alert”); } Click here to open the child window 和贝娄代码在我的孩子窗口， jQuery(document).ready(function(){ window.opener.CallParent(); }); This is Child window 所以..在这种情况下，我认为CallParent()将在子窗口打开后触发。但似乎没有用。任何人都可以给我任何提示，使这个脚本工作，或任何更好的方法来做到这一点。

JqueryMobile中的水平滚动和垂直滚动: 我想用垂直滑动实现水平滚动。如下图所示。为了做同样的事情，我搜索并找到了这个http://developingwithstyle.blogspot.co.uk/2010/11/jquery-mobile-swipe-up-down-left-right.html但是这篇博客中写的代码没有对我有意义。我还下载了http://www.idangero.us/sliders/swiper/上提供的演示，并尝试根据我的需要进行修改。但无法做到这一点。如果任何人有想法或链接或演示项目，请帮助我。问候！

将图像从用户计算机添加到canvas: 我正在开发一个允许用户创建动态幻灯片的Web应用程序。目前，无论如何将图像从计算机用户添加到canvas，我都遇到了问题。我正在使用输入按钮从计算机获取文件，它吸引了将图像添加到canvas的function。到目前为止，我已经尝试了不同的方法将图像添加到canvas以及这一个：动态添加图像到canvas 但是这里显示的代码在我的情况下不起作用，因为它只是将图像绘制到canvas中，但它不允许它可拖动和可resize，就像Fabricsjs的Kitchensink.js演示一样。我也尝试将图像转换为Base64并使用LoadJSON将其转换回来，但我遇到了这个错误： Uncaught TypeError: Cannot read property ‘length’ of undefined fabric.js:2089 enlivenObjects fabric.js:2089 fabric.util.object.extend._enlivenObjects fabric.js:9025 fabric.util.object.extend.loadFromJSON fabric.js:8953 sub Sub指的是我调用的函数来添加图像。我也试过这段代码： document.getElementById(‘imgLoader’).onchange = function handleImage(e){ var reader = new FileReader(); reader.onload = function(event){ var img = new fabric.Image(); img.onload = function(){ img.set({ left : 250, top : 250, angle : 20, […]

HTML5音频标签显示Chrome中错误的MP3持续时间: 当我尝试通过HTML5播放器播放我的一些MP3时，播放器似乎返回两个不同的持续时间。当我用jQuery查询持续时间时，我得到了当前的持续时间，但是在默认的Chrome播放器中，这首歌的播放时间比歌曲实际上要长得多。这在Safari（MacOSX上的7.0.1）中不是问题。某些MP3导致此问题的原因是什么？如何让Chrome（第31版）使用正确的时间？这是代码：这是一个音频文件的JSFiddle： http://jsfiddle.net/spKqh/5/ ： http://jsfiddle.net/spKqh/5/

Chrome文件上传错误：更改事件不会使用同一文件执行两次: 我正在处理这个html5文件上传器插件，但它有一个谷歌Chrome的错误，我无法理解和解决它。它适用于Firefox。 jsfiddle链接问题是您无法从桌面上载两次相同的文件。当您第一次单击，选择，然后单击确定以从桌面上载文件时，它应该警告消息，例如’.button-1′ – 取决于您单击的上载按钮。然后，如果您尝试再次上传相同的文件，这行代码将不再执行， $(“.upload-file”,object_parent).change(function() { … … alert($cm.selector); }); 知道这个插件出了什么问题吗？ (function($){ // Attach this new method to jQuery $.fn.extend({ // This is where you write your plugin’s name upload_file_html5: function(options) { // Set the default values, use comma to separate the settings, example: var defaults = { objectSuperparent: ‘.media’ […]

HTML 5videoOnEnded事件未触发: 我正在尝试对video代码的HTML 5 onended事件做出反应，但没有成功。在下面的代码片段中，我添加了mouseleave事件以确保jQuery代码是正确的，并且该事件确实激活了alert()框。 video播放得很好，但我没有收到onended事件（我的alert()不会触发）。在Chrome中进行测试，今天更新至5.0.375.55版。 $(document).ready(function(){ $(“#myVideoTag”).bind(‘mouseleave onended’, function(){ alert(“All done, function!”); }); });