JQuery背景图像淡入淡出function会导致Chrome和Opera的CPU使用率过高

我遇到了背景淡化脚本的问题。 该function导致高CPU使用率(30-40%,在Intel i7-4810MQ上测试)。 该问题仅出现在Chrome和Opera上。 使用Firefox一切正常。 这对我来说是一个很大的问题,因为当我的网站打开时,笔记本电脑开始加热,风扇越来越大。 这是jsfiddle代码: http : //jsfiddle.net/jwdu8mkq/4/ JS: $(document).ready(function() { var background = {}; background.num = 3; background.min = 1; background.max = 6; background.firstShow = true; background.swap = function() { var swapFirst = false; var swapSecond = false; if($(‘.background.img1’).attr(‘image-number’) == this.num) { $(‘.background.img1’).fadeOut(2000); swapSecond = true; } else if($(‘.background.img2’).attr(‘image-number’) == this.num) { […]

来自其他URL的HTML表到JSON

嘿家伙我使用这个lib将html表转换为json array 。 http://lightswitch05.github.io/table-to-json/ 有了这个,我的表被转换为许多对象,并在chrome控制台中显示它。 当我和桌子在同一页面上时,它可以工作,但我希望将json放到另一个页面上。 最初我这样做是为了瞄准我的元素并让它改变它,但没有运气任何想法? $.get(“http://support.jonar.com/support/default.asp?W2305”, function(data) { var table_csv = $(“table.testtable”).html(data); //this gives me the entire html doc console.log(table_csv); var myjson = $(table_csv).tableToJSON(); }); 这将返回整个文档.. for table_csv 。 此外,当我将html 到变量中时,我运行$(table_csv).tableToJSON(); 我得到一个空值我只看到[] 多谢你们!

如何基于URL将活动类添加到导航菜单

我有这方面的问题,它在活动时无法保持风格。 如何基于URL将活动类添加到导航菜单 main manu news 123 123 123 123 $(function() { var pgurl = window.location.href.substr(window.location.href.lastIndexOf(“/”)+1); $(“.admin_nav ul li a”).each(function(){ if($(this).attr(“href”) == pgurl || $(this).attr(“href”) == ” ) $(this).addClass(“newclass”); }) }); 关于这个的任何解决方案?

弹跳球5次jquery / javascript初学者级别

我是js和jQuery的新手,想要实现一个简单的动画,这里曾多次讨论过:一个弹跳球。 但是,我没有找到我的具体问题的答案,因为已经讨论的主题已经变得更加复杂。 我想要一个非常简单的动画:五次弹跳并留在地面上,第六次。 到目前为止我所取得的成就。 但是对于五次弹跳我想要将弹跳距离减少20%的初始距离。 假设距离为100,它应首先弹回80到60 …到20到0。 你可以在这里看到我的尝试。 或者只是这里的js代码: $(function() { var time = 500; var bounces = 5; function bounceDown(){ $(“.ball”).animate({top: 200}, time, function(){ bounceUp(); }); }; function bounceUp() { $(“.ball”).animate({top: 100}, time); }; function shadowUp(){ $(“.shadow”).animate({width: 100, height: 10, left: 85, top: 245, opacity: 1}, time, function(){ shadowDown(); }); }; function shadowDown() { […]

选择时如何更改颜色选项卡

我想点击它时设置标签的颜色。 我的代码是: Tab-1 Tab-2 Tab-3 Tab-4 Tab-5 怎么做? var value= “#ui-id-“; var nithin = value +”+ $(‘#hidden’).val(); $(nithin).click(function () { $(nithin).css(‘background’,’red’); var hidden=(parseInt(‘#hidden’).val())+1; $(‘#hidden’).val(hidden); });

如果用户确认关闭当前窗口,则在当前窗口关闭时打开新的浏览器窗口

我有一个场景,如果用户试图关闭当前的浏览器窗口,那么他应该显示一个确认框。 如果他确认关闭窗口,则该窗口应该关闭并用不同的URL打开新窗口。 我尝试使用以下代码,通过它我可以显示确认框,但如果用户确认关闭当前,我无法弄清楚如何打开新窗口。 var preventUnloadPrompt; $(‘a’).live(‘click’, function () { preventUnloadPrompt = true; }); $(‘form’).live(‘submit’, function () { preventUnloadPrompt = true; }); $(window).bind(“beforeunload”, function () { if (preventUnloadPrompt) { return; } else { return confirm(“quit??”); } }); 任何类型的帮助表示赞赏。 谢谢。

MobiOne iPhone模拟器上的JQuery Image加载失败

我使用以下代码动态更新JQTouch站点上的图像: $(‘#sv_map’) .one(‘load’, function() { $(this).fadeIn(); }) .attr(‘src’, imgURL); 从这里得到了这个基础知识。 sv_map是一个图像, imgURL指向一个有效的现有JPG文件。 此代码可在所有主流浏览器(Chrome,Safari,Firefox,IE)以及实际设备(多个iPhone和iPod)上正常运行。 我不想断定模拟器有一个bug(这似乎是一个微不足道的问题)。 需要哪些额外的代码来确保加载图像文件? 有没有人与MobiOne有类似的经历?

加载新内容时调整iFrame的高度

我有一个iFrame,它包含在我的HTML中,并在页面加载时可用。 首次加载页面时,iFrame没有内容/ src。 我正在使用jQuery动态地将内容插入到iFrame中。 当用户点击我页面上的链接时,iFrame的内容会更新。 所有这些对我都有用。 但是,当加载新内容时,我正在努力调整iFrame的高度。 我在StackOverflow上尝试了几种解决方案但没有成功。 这是我的iFrame代码: 这是我的jQuery,它改变了我的iFrame里面的HTML: emailOpened.find(‘#myframe’).contents().find(‘body’).html(email.body); 这对我有用。 我只需要我的iFrame根据被注入内容的高度调整其高度。 我对这部分的所有尝试都失败了。 任何帮助表示赞赏! 更新: 这是我的新HTML:

jquery加载IE FF和Chrome

我想知道为什么当我添加由.Load()方法加载的页面时,Chrome无法正确解析页面 我整合了一个包含完整的html,head和body标签的页面,除了我的内容之外它只是忽略了所有内容。 无法集成jquery脚本…… 我忽略了什么吗? 在加载()时,chrome是否过滤掉html,head和body标签? 第二个问题……是否需要使用完整的html,在集成页面上标注正文,或者我可以只传递body标签和脚本之间的所有内容? 编辑: 触发颜色框的元素: Lees verder 加载的页面。 ( 简而言之) $(document).ready(function() { $(“.teaminfo”).colorbox(); }); 第3和第4个问题:如果我在页面的body元素中放置一个脚本,这将使用调用页面头脚本,并在w3cvalidation吗?

JQuery:div在回发时消失了

一切都很好,除了当事件触发时(btnSearch_click)控件(txtSubject,或者日期或者ddlStatus,取决于我从dropdonlist中选择的内容)消失… 这是我的代码……: $(document).ready(function() { $(‘.ddlFilter’).change(function() { var sel = $(this).val(); $(‘#div_date’).hide(); $(‘#div_subject’).hide(); $(‘#div_status’).hide(); if (sel === ‘Date’) { $(‘#div_date’).show(); } else if (sel == ‘Subject’) { $(‘#div_subject’).show(); } else if (sel == ‘Status’) { $(‘#div_status’).show(); } }); }); Filter Results by: Date Range: Subject: Status: