Ограниченная ширина/высота контейнера jQuery

Question

У меня следующий код действительно занимает высокий уровень вашего окна браузера.

Мой вопрос заключается в том, что я могу выполнить условие апарт-арта только для истинной ширины основного веб-контейнера (например, div # container 980px).

$(window).resize(function(){ 
    var ventana = $(window).height(); 
    var altura = ventana/2; 
    $("#gallery").css('height', altura); 
}); 

С уважением

Answer 1

Используйте if($(window).width() > x) только включить эффект изменения размера для конкретного окна шириной:

var window = $(window); 
window.resize(function() { 
    if(window.width() > 980) 
    { 
     var ventana = window.height(); 
     $('#gallery').css('height', ventana/2); 
    } 
    else 
    { 
     /* reset for browsers that fire the event only once 
     * at the end of the window resize action */ 
     $('#gallery').css('height', 'auto'); 
    } 
}); 

Answer 2

Конечно, вы просите высоту окна браузера с этой линией

var ventana = $(window).height(); 

Изменить это

var ventana = $("#container").height(); 

Чтобы получить высоту вашего сайта. Но вы, вероятно, хотите ширину, поэтому вместо этого вы должны позвонить width(). Если то, что вы просите, чтобы только запустить код, когда ваш фактический сайт изменяет размер (я не говорю по-испански, но я думаю, что я понимаю ваш вопрос), вы используете:

$("#container").resize(function(){ 
    //code 
}); 

Конечно, это не будет работать когда вы устанавливаете фиксированную ширину.