高さを計算し、jqueryでdivに適用する - javascript、jquery、slider、height

バナー画像は、iのときにのみ表示されます固定の高さを設定し、応答性を高めたいので、それを行う唯一の方法は、ウィンドウの幅で画像の高さを計算することです。

高さを計算する関数は次のとおりです。windowWidth/ 1.845

jquery / javascriptでその関数をdiv cssに適用するにはどうすればよいですか？

この機能を試しましたが、機能しませんでした

    $(document).ready(function(){
var originalWidth = $( window ).width();
var newHeight = originalWidth/+(1.845)
;


function resize() {
$("#ei-slider").css("height", newHeight);

}

$(".target").each(resize);
$(document).resize(function(){
$("ei-slider").each(resize);
});
});

回答：

関数resizeを呼び出すときに（）を追加してみてください

$(".target").each(resize());
$(document).resize(function(){
$(".ei-slider").each(resize());
});

また、ei-sliderの前のポイントを見逃しています

そして、バックストレッチjqueryプラグインを使用することを強くお勧めします。 http://srobbin.com/jquery-plugins/backstretch/

固定の高さを設定したときにのみ画像が表示されるのはなぜですか？ CSSでこれを行うと、画像は自動的に「応答」します。

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

ただし、サイズ変更で他のことを行う必要がある場合は、おそらくサイズ変更をリッスンする必要があります window そうではない document.

$(document).ready(function () {

var $window = $(window);
var originalWidth = $window.width();
var newHeight = originalWidth / 1.845;

function resize() {
// This will be .target or .ei-slider based on where it"s called.
$(this).css("height", newHeight);
};

$(".target").each(resize);

$window.on("resize", function(){
$(".ei-slider").each(resize);
});

});