Tag: html5

JQuery popup。(“open”)无效

我正在尝试在.ready()函数的帮助下加载页面时打开一个弹出窗口,下面是其中的代码。 但是下面的function没有给出任何回应。 在页面加载上打开jquery弹出窗口的任何其他方法? if( access_token==””&&access_token==null) { $( “#popupDialog1” ).popup( “open” ) } 以上代码集成了一个Android应用程序,可以使用phonegap,html5,javascript等进行开发

如何使用Knockout.js过滤Google地图标记

我试图通过输入框过滤地图标记。 我想对地图标记名称属性上的标记进行全文排序。 // JS 我以为我可以将标记添加到数组中并尝试清除它们但它不起作用。 这是我的标记数组。 this.markers = ko.observableArray([]); //Create array of hotspot locations this.hotSpotList = ko.observableArray([]); 这会将我的“hotSpot”对象添加到热点arrays中 initialHotSpots.forEach(function(spot){ self.hotSpotList.push(new hotSpot(spot)); }); 这是针对hotSpots name属性搜索的filter字符串。 this.filter = ko.observable(“”); 这是过滤后的数组的计算值。 这部分有效,因为我可以使用视图上的foreach数据绑定对我的数组列表进行排序。 this.searchLocation = ko.computed(function() { var filter = this.filter().toLowerCase(); if (!filter) { return this.hotSpotList(); } else { return ko.utils.arrayFilter(this.hotSpotList(), function(item){ return item.name().toLowerCase().indexOf(filter) != -1; }); } }, […]

我无法自动播放vimeovideo(手机)

我正在尝试在移动设备上autoplay iframe包含的video。 该应用程序运行良好,但用户必须单击iFrame内的按钮才能播放video。 我已经尝试在iframe使用”autoplay=1″参数,但它没有在移动设备上显示(在桌面上很好)… 你能帮助我吗? 谢谢

HTML5video播放/暂停问题

我正在尝试构建一个非常简单的HTML5video播放器: HTML 打字稿 $(document).ready(function () { if ($(‘#format-video’).length > 0) { var video = document.getElementById(‘format-video’); video.oncanplaythrough = function () { $(‘.video-run’).fadeIn(200); $(‘.video-run’).click(function () { $(“.video .background”).fadeOut(200); $(‘.video-run’).fadeOut(200); $(‘.video-play-pause’).fadeIn(200); $(‘.video-play-pause’).on(‘click’,function () { if (video.paused) { video.play(); } else { video.pause(); } }) video.play(); }); } }); 因此,当video可以“播放”时,一个大的“播放”按钮会淡入,当渐渐消失时,一个小的暂停/播放会消失。 如果我单击按钮播放/暂停,暂停工作,但如果我再次单击它,它只播放几秒钟并冻结或没有任何反应。 我正在测试Chrome 40.0.2214.91米。 我尝试按照建议设置preload =“none”: HTML5video控件 – 暂停后只能在chrome中播放,但没有成功。 不确定是否有解决方案。

创建一个圆形导航菜单

我想创建一个带有导航项的圆形菜单。 约束是文本也是弯曲的。 通过绘制2幅canvas,这是我所经历的小提琴 ,但我仍然无法绑定点击框模型约束的项目原因。 我们可以使后面的canvas透明并将其放在原始div或渲染文本上,同时在顶部canvas中渲染canvas。 码- function drawTextAlongArc(context, str, centerX, centerY, radius, angle, position, adjustFactor){ context.save(); context.translate(centerX, centerY); context.rotate((position-1)*45*Math.PI/180); context.rotate(-1 * (angle / str.length) / 2); context.rotate((adjustFactor-str.length)/(2*adjustFactor)*45*Math.PI/180); for (var n = 0; n < str.length; n++) { context.rotate(angle / str.length); context.save(); context.translate(0, -1 * radius); var char = str[n]; context.fillText(char, 0, 0); context.restore(); } context.restore(); […]

我如何在JQuery中移动div并使用动画效果调整它?

我如何在JQuery中移动div并使用动画效果调整它? 即div将位于屏幕的中间,它将向左侧移动,并且在完成移动后将具有其高度的%50和其宽度的%50。(例如,它将具有其大小的%75)中途) 编辑:我试过: $(“.block”).animate({“left”: “-=100px”, “height”: “-=30%”, “width”:”-=30%” }, 1000); 然而它消失了? EDIT2:这有效: $(“.block”).animate({“left”: “-=100px”, “height”: “30%”, “width”:”30%” }, 1000); 然而它使我的方块更大,我尝试= -30%但不起作用。 我该怎么做才能变小而不是变大?

无法使用Phonegap转换HTML5 / Javascript / JqueryAjax应用程序

我使用HTML5 / Javascript / JqueryAjax创建了基于Web的应用程序。 托管url工作正常,但是当我使用phonegap 2.8.1在Windows Phone 7中运行它时,它无法运行。 它调用错误function。 这是我的代码: document.addEventListener(“deviceready”, onDeviceReady, false); function signclick() { var validate = true; var usv = document.getElementById(‘username’).value; var psv = document.getElementById(‘password’).value; var emv = document.getElementById(’email’).value; if (usv == ”) { if (psv != ”) { document.getElementById(‘validatepass’).innerHTML = “”; } if (emv != ”) { document.getElementById(‘validateemail’).innerHTML = “”; […]

如何更改电子邮件的html5模式错误消息

Html5必需属性通常会添加错误消息“请填写此字段”。 并且可以使用以下代码轻松更改 oninvalid=”setCustomValidity(‘Custom text in another language..’)” oninput=”setCustomValidity(”)” 但是,我注意到当我使用带有电子邮件类型的输入时,我仍然会收到诸如“请输入@ @之后的部分”之类的消息。 和“请在电子邮件地址中加入’@’,我该如何更改?

在JQuery中删除动态生成的文本框

我花了大部分时间来处理PHP / HTML,并且我正在写一个小小的脚本,我的理智(文书工作,太多的文书工作。)迫使我使用JQuery。 我已经在谷歌,搜索等方面进行了搜索,但我没有发现任何与我目前正在使用的代码类似的内容,或者我在语言中迷失了方向。 下面的代码基本上是一个动态表单,可以根据需要添加文本框。 每个新生成的文本框都是表单提交所必需的(HTML5),但是如果我创建了一个不需要的额外文本框,我希望能够将其删除(所以它不会留给我一个字段我不需要,并且不能提交表格,因为它是必需的)。 JFiddle: http : //jsfiddle.net/fmdx/jZU97/ (使用JQuery 1.10.1) HTML Custom Exceptions Needed? Add Another Exception JQuery的 var counter = 1; $(function () { $(‘a#add_field’).click(function () { counter += 1; $(‘#custom’).append( ‘Remove’); }); }); 上面代码的基础我得到了一个教程,其中包括如何获取通过这些动态表单提交的所有信息并将它们放入数据库。 所以,我真的试图专门使用这个代码。 (教程: http : //www.infotuts.com/dynamically-add-input-fields-submit-to-database ) 感谢您提前提供任何帮助或建议!

Flexslider中的HTML5video暂停操作(Woothemes)

有没有人在Flexslider(Woothemes)中成功实现HTML5video? 一旦video开始播放,我无法弄清楚如何暂停幻灯片放映。 我搜索了Flexslider文档,他们只对如何使用Vimeo完成此操作提出了建议。