Tag: onload

标签中的onload事件在Firefox中过早激发，而不是其他浏览器

内联HTML中的onload事件在Firefox和基于其Mozilla代码库（Tor等）的所有浏览器中过早触发。例如： 在图像完全加载到Chrome，Opera，IE和Safari之后调用myFunction() （不确定新的Edge浏览器），这是预期的和记录的行为。 但是，在Firefox及其亲属上，在浏览器读取标签时立即调用该函数，即在加载图像之前完成 。 这不是记录的行为并导致应用程序问题。 这在几年前在这里得到了确认和详细讨论： https://bugzilla.mozilla.org/show_bug.cgi?id=626613 但是，我找不到能解决问题的任何东西，我想知道是否有其他人遇到过这个问题并找到了解决方案。

只要图像加载，function就会激活

这与我之前提出的HTML所在的问题有关：将兄弟姐妹分组为div 我发现很难解释我试图完成的任务，所以我画了一个快速的线框表示： 我发现了一种不同的解决方案，即对内容进行分组并获得所需的视觉效果。 图像保存在锚标记中，因此我使用jQuery在页面上找到最高的img并将该高度应用于包含标记。 因此，不是垂直对齐底部，固定高度设置为内容，而是将内容垂直对齐到顶部，最大高度设置为锚标记，并将该标记中的图像垂直对齐到底部。 var maxHeight = 0; $(‘.Product img’).each(function() { maxHeight = Math.max(maxHeight, $(this).height()); }) $(‘.ProductThumbnail’).css({“height”:maxHeight}); 代码完美无缺。 但是，某些类别有几个页面，当您选择“下一页”链接时，电子商务解决方案使用jQuery动态加载页面并且代码中断。 所以，我的问题是“如果图像加载到页面上，我怎么能在上面列出函数？” [注1：]我已经尝试使用desandro加载的图像，并且它没有像我希望的那样工作。 [注2：]我还希望maxHeight匹配每一行而不是整个页面，因为TD保持在TR的范围内。 [注3：]我根本无法改变html。 我只允许为头部，自定义标题和自定义页脚添加附录。 内容是不可编辑的。

将.datepicker（）绑定到新的输入元素

我正在尝试将datepicker添加到动态创建的输入元素。我理解.on（）或.live（）函数的用法，但我找不到合适的事件来绑定它们： 尝试使用.on因为live()得到了depercated我成功了以下内容：在输入字段点击它变成了一个datepicker输入 $(“#container”).on(“click”, “.date”, function(){ $(this).datepicker() }); 但我需要在输入上不存在的onload事件中使用它。

使用JQuery预加载图像以获得图像的主色

我创建了以下测试页面： http ：//methodus.de/wp/ 它获得每篇博文的图像的主色，并在向下滚动页面时将它们用于动画。 不幸的是，只要图像没有完全加载，就无法计算颜色（请参阅javascript警报）。 那时动画不起作用。 当我重新加载页面时，浏览器缓存的图像和一切都像魅力一样。 相关代码是： $(‘.bg’).each(function(index) { var url = $(this).data(‘background-image’); img = new Image(); img.src = url; averageColours[url] = getAverageColourAsRGB(img); $(this).css(‘background-image’, ‘url(‘ + url + ‘)’); }); $(‘.bg’).waypoint(function() { var url = $(this).data(‘background-image’); var colour = getPreloadedAverageColourAsRGB(url); console.log(url + ‘ ‘ + colour.r + ‘,’ + colour.g + ‘,’ + colour.b); […]

Javascript在图像加载后计算图像大小

function loader(img) { var imgH = img.height; var imgW = img.width; console.log(imgH, imgW); }; img = new Image(); img.src =’../images/pic1.jpeg’; img.onLoad = loader(img); 所以，它被执行了，我将获得图像的大小，但我在控制台中得到“0 0”。 图像尺寸为500X700。 这段代码出了什么问题？

window.onloadfunction在Mozilla Firefox上不起作用

我正在使用网页加载屏幕，我使用window.onloadfunction。 除了在Mozilla Firefox浏览器中，一切都很好用。 当我们首次使用ctrl + F5组合访问或刷新页面时，加载屏幕永远不会消失。 如果我们只使用F5刷新页面，那么它可以工作。 我使用下面的代码 $(window).load(function(e) { $(“#body-mask”).fadeOut(1000,function(){ $(this).remove(); }); }); 我也试过下面的代码，但没有改变。 window.onload = function () { $(“#body-mask”).fadeOut(1000,function(){ $(this).remove(); }); } 为什么会这样？ 请帮忙。 提前致谢。

如何在页面加载时加载magnific popup模式

我正在尝试在页面加载时加载我的大胆弹出模式，但是我不太明白文档中的语法。 如何在页面加载时调用模态？ 我的HTML： Modal Test Test Some text. Dismiss 我的JS： $(window).load(function(){ ???? What code should I place??? }); 我已经预装了脚本和css文件，我在JS里面键入什么来加载弹出窗口加载？

在Google Chrome 中使用outerWidth（）进行错误的宽度计算

我在div里面有一个导航栏（topmenu）。 如果菜单的宽度大于外部div的宽度，我必须隐藏其余的菜单元素。 不幸的是我不能使用overflow:hidden为div overflow:hidden 。所以我使用.outerWidth()函数来计算div的总宽度和每个elment（li）的宽度，并隐藏溢出元素。 所以我的问题是它在firefox（19.0），IE（8）中的工作正常！但不是在chrome中。 在chrome中，所有元素都被隐藏。 当我改变时，问题就解决了 $(document).ready(function() {}); to $(window).load(function() {}); 但是，总的ul显示了几分之一秒，然后它被隐藏（IE，FF它仍然可以正常工作）。 有没有更好的解决方案呢？ 或任何不同的逻辑。 样品 3 Option 2 Option 1 Option http://jsfiddle.net/RSA3X/4/ 我的类似情况

如何知道是否已使用javascript加载图像

我正在编写一个显示相册的网站，页面正在加载拇指，并在每张图片完全加载之前应用白色叠加。 我在本地编码，它工作正常。 但是上传我的服务器上的文件并加载页面几乎没有显示错误，一些白色覆盖不会消失，因为在加载脚本并应用脚本之前图像加载时不会触发jQuery 加载function。 解决方案是仅对正在执行jQuery脚本时仍然加载的图像应用白色叠加。 我的问题是如何知道页面中的特定元素是否仍在被提取或已完全呈现在屏幕上？ 注意：这是http://www.benjamindegenne.com/portfolio/numeric/upper-playground/页面

在document.ready之前，Jquery UI界面看起来很难看

HTML元素显示早于onload或document.ready被触发。 所有jQuery UI小部件都加载到document.ready上，它使页面看起来很难看，只需几秒钟。 处理它的可能选项 – 在使用jQuery UI进行拉伸之前隐藏元素，并在加载后用JS显示它们。 但是如果JS被关闭 – 用户将看不到标准HTML和jQuery UI的任何元素。 使用它的最佳做法是什么？