0

我正在$(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);
});
4

2 回答 2

2

如果您希望您的页面响应，您应该考虑在您的 CSS 中使用媒体查询和代码中的元视口标记。

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

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

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

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

其他文章：

与背景图像类似：

@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) }
于 2012-07-25T08:44:47.133 回答
0

你可以试试：

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 被加载...</p>

于 2012-07-25T08:43:31.380 回答