Я хочу вызвать функцию на загрузке, а также на изменяют размер.
Существует ли лучший способ переписать это более сжато?
$('.content .right').width($(window).width() - (480));
$(window).resize(function(e) {
$('.content .right').width($(window).width() - (480));
});
Вы можете привязать к событию resize()
и автоматически инициировать это событие при загрузке:
// Bind to the resize event of the window object
$(window).on("resize", function () {
// Set .right's width to the window width minus 480 pixels
$(".content .right").width( $(this).width() - 480 );
// Invoke the resize event immediately
}).resize();
Последний вызов .resize()
запустит этот код при загрузке.
Приятно заметить повторяющуюся логику и перейти к функции:
function sizing() {
$('.content .right').width($(window).width() - 480);
}
$(document).ready(sizing);
$(window).resize(sizing);