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 に答える