Tag: html5

为HTML5videowindow.onscroll设置currentTime是滞后的: 我正在尝试在窗口滚动事件上为html5video设置currentTime。基本上，我们的想法是在滚动页面时在video时间轴中向前或向后移动。这个例子在这里做得很好没有问题： http ： //codepen.io/ollieRogers/pen/lfeLc 这是代码： // select video element var vid = document.getElementById(‘v0’); //var vid = $(‘#v0’)[0]; // jquery option // pause video on load vid.pause(); // alternative & optimized implementation thanks to http://codepen.io/daveroma/ window.onscroll = function(){ vid.currentTime = window.pageYOffset/400; }; #set-height display block height 13500px #v0 position fixed top 0 left 0 […]

jquery旋转图像并用同名文件保存（覆盖）？: 我有一个这样的简单场景：我想旋转图像，并保存现有的旧文件。现在，所有function都已完成，但是当我下载/保存图像时，它始终会创建新的文件名。这是我的代码： Rotate Image: Reset Image 90° 180° 270° Download as image 我的js代码： var img = null, canvas = null; $(document).ready(function(){ // Initialize image and canvas img = document.getElementById(‘image’); canvas = document.getElementById(‘canvas’); if(!canvas || !canvas.getContext){ canvas.parentNode.removeChild(canvas); } else { img.style.position = ‘absolute’; img.style.visibility = ‘hidden’; } rotateImage(0); // Handle clicks for control links $(‘#resetImage’).click(function(){ […]

添加的非ascii字符仅用于Safari浏览器的输入: 对于Windows的Safari浏览器，我遇到了一个奇怪的问题。我有一个基于jQuery的HTML5 drag-n-drop上传表单。除了Safari之外，它适用于所有浏览器，对于具有特定扩展名的文件，文件名在文件扩展名后用非ascii字符填充。例如，文件example.mov成为example.movçðÆê 文件也被破坏了：它们似乎没有内容。这是Safari和jQuery / HTML5的已知问题吗？有没有办法过滤掉非ascii字符？

JQuery mobile：如何validation表单并在页面上显示错误消息: 嗨，我是JQM的新手，我正在尝试在JQM登录页面上工作。任何人可以帮助我如何进行表单validation并在用户名和密码文本框下面显示错误，如果它们是空的，并且当登录无效时我必须在表单顶部显示它作为错误消息。这是我的HTML： Login Page Login Page Enter your username: Enter your password: Submit main panel main panel 这是我的JS文件 $(document).on(‘pageinit’, ‘#login’, function() { $(“#submit”).on(“click”,function(){ $.ajax({ url: “login_back.php”, type: “GET”, data: $(“form#check-user”).serialize(), async: true, callback: ‘jsonLogin’, dataType:’jsonp’, success: function (result) { if(result.status==true) { $(‘#session_key’).val(result.session_key); $( “:mobile-pagecontainer” ).pagecontainer( “change”, “#panel-main” ); } else { alert(“Wrong Username/Email and […]

猫头鹰旋转木马，显示孩子绝对div，超过父母溢出隐藏div: 我正在使用猫头鹰旋转木马2，我正面临以下问题。我有一个名为owl-stage-outer父div ，它有overflow:hidden根据轮播的要求overflow:hidden 。我有另一个孩子div名称： ribbon （显示’New Arrival’和’Big Sale’）这是position: absolute现在我面临的问题，在旋转木马的第一项，function区因为overflow: hidden 参考图像我正在工作的链接我试过这个链接提供的解决方案，但它只适用于直接的孩子。提前致谢。

如何在Select2中插入FontAwesome: 我不知道如何在Select2中插入fontawesome。我应该在其中添加CSS或JS？我有一个如下的观点。点击： http ： //s10.postimg.org/675fig9vd/Capture121212121.png 谁能帮我？

阻止jquery-validate使用title属性作为错误消息？: Jquery validate使用title属性作为错误消息。我使用title属性来提供用户工具提示，但我不希望它替换validation错误消息。在这个完整的示例中，我将Last Name字段设置为具有title属性，同时保留First Name字段而不使用title属性。表单提交时，“ 名字”字段正确显示错误消息 – “ 此字段是必需的。 ”，而“ 姓氏”字段显示title属性的内容。 Last Name First Name $(“#mainform”).validate(); 有没有办法阻止jquery-validate使用title属性作为错误消息？

为什么我在这个canvas上创建的矩形没有被放到正确的位置？: 我正在尝试创建一个单击的简单页面，并可以在canvas上创建矩形。它将用户的鼠标单击作为输入，然后从单击的x和y创建一个矩形。但是，它将矩形放在一边一定量，我不知道为什么。小提琴： https ： //jsfiddle.net/2717s53h/ HTML CSS #cnv{ width:99vw; height:98vh; background-color:#faefbd; } JAVASCRIPT $(function () { var canvas = $(‘#cnv’); var canvObj = document.getElementById(‘cnv’); var ctx = canvObj.getContext(‘2d’); var point1 = {}; var point2 = {}; canvas.click(function (e) { console.log(e); var x = e.pageX; var y = e.pageY; console.log(x); console.log(y); if (Object.keys(point1).length == […]

仅在第一次使用localStorage加载网站时显示DIV: 我正在努力使这项工作，但我有一些问题..就像标题所说，我希望只有第一次加载网站时才能显示DIV。我知道如何处理PHP和Cookies，但我想用localStorage函数。这是我的代码： … $(document).ready(function() { localStorage.setItem(‘wasVisited’, 1); if (localStorage.wasVisidet !== undefined ) { $(“#loading_bg”).css(‘display’,’none’); } else { $(“#loading_bg”).delay(5000).fadeOut(500); } });

克隆时IE8无法识别Html 5时间标记: 我一直无法让IE在这种情况下识别新的Time标签。这一切在FF中都很有效。这是代码： var origComment = $(‘.articleComment:first div’); if (origComment.length > 0) { var commentHtml = origComment.clone(true); commentHtml.find(‘time’).text(‘today’); var html = ” + commentHtml.html() + ”; $(html).insertAfter(‘.articleComment:last’); HTML看起来像这样： Posted today by matt Report? left IE可以找到Time标签，但它返回2个元素的集合。我假设开始和结束。但是，我无法访问它来修改它。我试过val（），html（）和text（）。我也不能放到实际的HTMLElement。我不能得到（0）.innerHTML。但是，如果我.get（0）.tagName它实际上是我得到的时间标签。有任何想法吗？我希望这是有道理的。