Tag: html5

从div中删除jQuery对象

我可能有错误的措辞,但我所做的是使用以下jQuery库来实现使用HTML5和webRTC的QR阅读器。 HTML5 QR阅读器 我有一个模态,当模态关闭时,我希望能够停止使用网络摄像头,并停止尝试解释QR码。 所以我尝试了这段代码中概述的一些内容: $(“#qrReader_modal”).on(‘hidden’, function(){ // Pausing the actual video element $(“#html5_qrcode_video”).pause(); // Removing all elements in the div the qr reader was attached to $(“#reader”).empty(); }); 但是,都不起作用。 在第一种情况下,它继续使用我的相机,库继续尝试读取QR码。 在第二种情况下,div被正确清空,但是库然后开始抛出读取错误,并且网络摄像头仍在尝试捕获video。 我会使用unbind函数,但我没有使用bind来附加html5_qrcode_reader。 看这里: $(“#reader”).html5_qrcode(function(data){…}); 所以我的问题是从$(“#reader”)div中删除html5_qrcode的正确方法是什么

HTML5数字输入 – 显示为百分比而不是小数

我有一个包含数字输入的表单,它应该代表百分比,大致如下所示: 目前,值显示为小数,例如0.25。 如果文本字段中显示的数字显示为百分比,我认为它会更加用户友好。 我已经使用下面的jQuery代码禁用了字段上的键盘输入,所以我不担心用户输入流氓值: $(‘input[type=”number”]’).keypress(function (field) { field.preventDefault(); }); 有没有简单的方法来更改数字字段以显示百分比? 谢谢!

CSS3如何计算比例后的高度和宽度

是否有任何jQuery解决方案可以找到-webkit-transform: scale(0.7851);精确显示高度-webkit-transform: scale(0.7851); scale值可能会有所不同,这就是寻找合适解决方案的原因 测试这些选项遗憾的是还没有找到解决方案:( height() innerHeight() outerHeight() outerHeight(true) 我认为这个问题只能解决一个数学基础;)

如何让新的html 5 datalist输入立即打开?

问题很难理解,英语不是我的母语,我会尽我所能。 所以新的html标签允许我用下拉菜单创建一个输入字段(实际上不确定如何调用它)。 第一次加载页面时,只有: + 因此,首次单击时没有下拉菜单。 (那很好!)当用户在输入字段中键入一个符号时,它会生成一些标签,buuuut不会删除菜单。 我必须先输入第二个标志。 for(var i = 0; i < data.length; i++){ suchergebnis = suchergebnis+ "”; } input_search.parent(“.add”).children(“#Chemikalienliste”).children(“option”).remove(); //deletes all options input_search.parent(“.add”).children(“#Chemikalienliste”).append(suchergebnis);//adds new options 整个守则 $(“.input_search”).focus().keyup(function(){ //user types something var input_search = $(this); var searchstring = input_search.val(); $.ajax({ url:”api.php”, data:”search=”+searchstring, type:”POST”, dataType:”json”, success: function(data){ //recieve data var suchergebnis = “”; for(var i […]

FileReader错误:对象已经忙于读取Blob

我正在为照片库上传制作拖放式文件上传系统。 这是我处理丢弃文件的源代码。 这个工作多个文件,如果我逐个删除它,但当我同时丢弃多个文件时会发生此错误: Uncaught InvalidStateError: Failed to execute ‘readAsDataURL’ on ‘FileReader’: The object is already busy reading Blobs. function handleFiles(files) { var reader = new FileReader(); var formdata = new FormData(); $.each(files, function(i, j) { $(“td.photos span.status”).html(“Processing file: “+j.name); formdata.append(‘file’, j); $.ajax({ url: “uploadalbum.php”, type: “POST”, dataType: “json”, data: formdata, processData: false, contentType: false, success: […]

IE9不接受标准的jQuery语法

这真的很简单。 我有以下代码..它适用于所有其他html5兼容浏览器(Safari 5,Chrome 9,FireFox),但在IE9(RC)中我收到以下错误。 jquery.min.js 行:16错误:对象不支持属性或方法’getElementsByTagName’ jQuery的ui.min.js 行:40错误:对象不支持属性或方法’tabs’ $(function () { $(“#ribbon”).tabs(); }); 1 2 3 4 @Html.Partial(“Menus/Ribbons/__H1”) @Html.Partial(“Menus/Ribbons/__2”) @Html.Partial(“Menus/Ribbons/__3”) @Html.Partial(“Menus/Ribbons/__4”) 我能理解我的CSS是不是产生了正确的样式 – 但看起来它完全忽略了$(“#ribbon”).tabs(); 全部一起。 有任何想法吗?

Skype CDN over SSL

我曾经测试过登录用户是否可以点击Skype CDN来确定是否向他们展示UI元素: https://cdn.dev.skype.com/uri/skype-uri.js 但似乎无处不在,他们的CDN刚刚移动(打破我的代码)到这里: http://www.skypeassets.com/i/scom/js/skype-uri.js 我的页面是https,我可以将上面的url更改为https a la: https://www.skypeassets.com/i/scom/js/skype-uri.js 但由于没有有效的证书,我无法连接,浏览器不会抛出“确认安全exception”消息。 有哪些方法可以确定我是否可以从SSL连接到Skype CDN?

jQuery使用common关键字选择数据属性

我有两个元素,具有以下设置: 我使用下划线来遍历包含这些属性之一的任何元素,然后执行相关操作。 目前这样做是这样的 _.each($(‘[data-placeholder-class], [data-placeholder-template]’), function cb(element) { // code goes here }) 我不想定义每个数据属性来循环,而是想知道是否有一种方法可以选择包含公共关键字的所有属性,在本例中为占位符。 例如 _.each($(‘[data-placeholder-*]’), function cb(element) { // code goes here }) 任何人都知道这是否可行?

在模糊函数的jquery自动完成中获取所选值

我想拥有自动完成function,当有模糊事件时,文本框应填充值列表作为第一项。 我希望function与此链接链接中实现的function相同 我有下面的代码,它填充在选项卡上并输入密钥,但不知道如何在模糊事件上实现相同的function。 $( “#statelist” ).autocomplete({ autoFocus: true, source: states, select: function (event, ui) { stateid = (ui.item.lable); $(“#stateid”).val(stateid); } }); 编辑: – 用户输入文本让我们说“che”,而不按Tab键或输入键,用户将其控件移动到下一个文本框,在这种情况下,我希望在文本框中自动填充第一个列表项。

如果不是点视图,我怎么能停止播放video

js在我的网站上播放video 但我想停止播放video,如果不是在视点 我做这个代码 $(document).on(“scroll”, function() { var scrollTop = $(window).scrollTop(); $( “video” ).each(function() { var pos = index.position(); if (scrollTop pos.top + 400) { $(this)[0].stop(); } if (scrollTop < pos.top – 400) { $(this)[0].stop(); } }); }); 但它不适合我,也没有显示任何错误 这是演示页面“ http://jsbin.com/yaqozihita/1/ ”