我有一个简单的函数会在 IE 8 中导致堆栈溢出错误。尽管我没有测试 IE 7 或 6，但在任何其他浏览器中似乎都没有出现该问题。
具体错误如下:-
SCRIPT28: Out of stack space
jquery.min.js, line 2 character 7498
SCRIPT2343: Stack overflow at line: 2
有问题的功能:
function switchImage(size, objid, prefix, fullimage){
if(size !== 'full'){
var image = prefix + size + '/' + size +'_' + fullimage;
}
else {
var image = prefix + size + '/' + fullimage;
}
$('#' + objid).data('type', size)
.append('<img id="preload" src="' + image + '" style="display:none;" />')
.find('#preload').load(function(){
$('#' + objid).find('img').attr('src', image);
$(this).remove();
});
}
为了概述用例，我将解释此功能的用途:
当用户调整图像大小时(使用 jqueryUI resize)，宽度/高度在另一个函数中进行比较。
一旦图像增长到一定大小，就会调用此函数，如您所见，它会附加一个隐藏的 <img>。元素添加到具有更高分辨率版本图像的“src”属性的 DOM(如果图像被用户缩小，则更低。
加载后，可见元素的 src 属性会更新，隐藏元素会被移除。
这证明了当用户调整图像大小时图像的出色动态切换在整个过程中保持良好的图像质量....
我似乎无法弄清楚是什么导致了 IE 8 中的问题。删除此功能后，不会发生任何错误，尽管存在错误，但该功能仍然可以正常工作(尽管调整大小性能很差)在 IE 8 中)。
如有任何帮助，我们将不胜感激。
更新:我似乎已经通过将函数重写为以下内容解决了原始问题:-
function switchImage(size, objid, prefix, fullimage){
var $el = $('#' + objid);
if(size !== 'full'){
var image = prefix + size + '/' + size +'_' + fullimage;
}
else {
var image = prefix + size + '/' + fullimage;
}
$el.data('type', size);
$('<img id="preload" src="' + image + '" style="display:none;" />')
.appendTo($el)
.one('load', function(){
$('#' + objid).find('img').attr('src', image);
$(this).remove();
});
}
如您所见，唯一真正的区别是我使用 .appendTo() 而不是 .append() 以及使用 jQuery .one() 方法来确保加载事件只发生一次。尽管元素在之后被直接删除，但我不明白为什么这会有什么不同。
我真的很想知道是否有人可以阐明这一点，以便我可以学习如何在将来避免此类问题。干杯。
最佳答案
如果您没有 $(this).remove()，您的初始函数将直接进入无限循环。本质上，您所做的是将 src 属性设置为 all img 标签，包括预加载图像本身。 (将 $(this).remove() 替换为 console.log('loaded') 并观察它在 Firebug 中无限循环)
我猜想在 IE8 中，一旦该属性也设置为预加载图像，它会首先调用您的“加载”事件处理程序在执行下一行 $( this).remove()(解释堆栈溢出)，而其他浏览器可能首先完成了整个函数的执行，从而删除了预加载图像，从而防止了无限循环。 (这只是一个猜测)
初始版本的猴子补丁将使用 .find('img:not(#preload)') 而不仅仅是 .find('img').
您的补丁还可以防止无限循环，因为 .one() 确保它只运行一次。
但最终我会将函数重构为以下内容:
function switchImage(size, objid, prefix, fullimage){
var $el = $('#' + objid),
$image = $el.find('img'),
$preload = $('<img>');
if(size !== 'full'){
var image = prefix + size + '/' + size +'_' + fullimage;
}
else {
var image = prefix + size + '/' + fullimage;
}
$el.data('type', size);
$preload
.on('load', function () {
$image.attr('src', image);
})
.attr('src', image);
}
另请注意，预加载图像实际上不需要显式附加到 DOM 来满足您的目的。
关于javascript - 为什么我的 jQuery 函数在 IE 8 中导致 'Stack Overflow' 错误？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10629013/
类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc
我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身，new.html.erb，有代码:当我运行rspec时，它失败了:1)messages/new.html.erbshou
我有一个模型:classItem项目有一个属性“商店”基于存储的值，我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式？如果方法中没有大的if-else语句，这是如何干净利落地完成的？ 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.co
我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗？当我运行compasswatch时，它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行？文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们？我自己编译的.sass文件编译成compiled/t
我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%
我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i
为什么4.1%2返回0.0999999999999996？但是4.2%2==0.2。 最佳答案 参见此处:WhatEveryProgrammerShouldKnowAboutFloating-PointArithmetic实数是无限的。计算机使用的位数有限(今天是32位、64位)。因此计算机进行的浮点运算不能代表所有的实数。0.1是这些数字之一。请注意，这不是与Ruby相关的问题，而是与所有编程语言相关的问题，因为它来自计算机表示实数的方式。 关于ruby-为什么4.1%2使用Ruby返
我在我的项目中添加了一个系统来重置用户密码并通过电子邮件将密码发送给他，以防他忘记密码。昨天它运行良好(当我实现它时)。当我今天尝试启动服务器时，出现以下错误。=>BootingWEBrick=>Rails3.2.1applicationstartingindevelopmentonhttp://0.0.0.0:3000=>Callwith-dtodetach=>Ctrl-CtoshutdownserverExiting/Users/vinayshenoy/.rvm/gems/ruby-1.9.3-p0/gems/actionmailer-3.2.1/lib/action_mailer
在MRIRuby中我可以这样做:deftransferinternal_server=self.init_serverpid=forkdointernal_server.runend#Maketheserverprocessrunindependently.Process.detach(pid)internal_client=self.init_client#Dootherstuffwithconnectingtointernal_server...internal_client.post('somedata')ensure#KillserverProcess.kill('KILL',
我已经从我的命令行中获得了一切，所以我可以运行rubymyfile并且它可以正常工作。但是当我尝试从sublime中运行它时，我得到了undefinedmethod`require_relative'formain:Object有人知道我的sublime设置中缺少什么吗？我正在使用OSX并安装了rvm。 最佳答案 或者，您可以只使用“require”，它应该可以正常工作。我认为“require_relative”仅适用于ruby1.9+ 关于ruby-主要:Objectwhenrun