Question

我正在使用$(window).load()根据页面加载时更改的各种其他高度重新调整文本字段的最小高度。我的脚本运行正常，但是，如果页面上的另一个脚本无法加载（由于某种未知原因）$(window).load()没有运行。

即使发生错误（可能使用$(window).load()），有没有办法让.error()运行，即绕过错误的脚本？

如果有帮助的话，我load()事件的当前脚本如下：

$(window).load(function() { 
var imageArea = $('.imageArea').height();
var productDetail = $('.productDetail').height();
var productText = (imageArea - productDetail) - 110; //-110 is the height of another element
$('.productText').css('min-height', productText);
});

Answer 1

如果您希望自己的网页具有响应能力，则应考虑在CSS中使用媒体查询，并在代码中使用元视口标记。

对于您的图片，您可以将其添加到您的CSS：

img {
    max-width: 100%;
    height: auto;
}

有些浏览器需要更多帮助：

@media \0screen {
  img { 
    width: auto; /* for ie 8 */
  }
}

其他文章：

Different background image depending on screen resolution?

与背景图像类似：

@media (min-width:800px) { background-image: url(bg-800.jpg) }
@media (min-width:1024px) { background-image: url(bg-1024.jpg) }
@media (min-width:1280px) { background-image: url(bg-1280.jpg) }

Answer 2

你可以尝试：

window.onerror = function(){
    var imageArea = $('.imageArea').height();
    var productDetail = $('.productDetail').height();
    var productText = (imageArea - productDetail) - 110; //-110 is the height of another element
    $('.productText').css('min-height', productText);
}

希望加载jQuery ......

即使页面上的某些内容无法加载，如何运行$（window）.load（）

2 个答案: