2012-11-09 50 views
-2

我有以下代碼是否是您的瀏覽器窗口的高基準。限制寬度/高度jquery容器

我的問題是如果我可以運行條件apartir只有主web容器的真正寬度(例如div#容器980px)。

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

問候

+5

「如果我可以運行調節apartir唯一真正的寬度」是什麼意思呢?你的代碼看起來好像會起作用。 – feeela

+0

是的,這是我的代碼我想從980px寬的網站工作 –

回答

2

使用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'); 
    } 
}); 
+0

謝謝你:) es justo que lo necesitaba –

+1

@Raul請在這個網站只說英語。 – MarioDS

1

當然,你用這條線

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

更改它要求在瀏覽器窗口的高度,以

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

讓您的網站的高度。但你可能想要寬度,所以你應該撥打width()。如果你所要求的是當你的實際站點調整大小以只運行的代碼(我不會說西班牙語,但我想我明白你的問題),您可以使用:

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

當然,這是不行的當你設置一個固定的寬度。