jQuery的檢查和更改div寬度時點擊

我有一個DIV內的幾個圖像，水平滾動條（jscrollpane）。jQuery的檢查和更改div寬度時點擊

我首先獲取所有圖像的寬度並將該寬度分配給容器，但是我想製作一個可以改變照片高度（400px/600px）的按鈕。當我點擊按鈕來改變高度時，我也需要重新計算所有圖像的寬度 - 這就是我的問題。

什麼在我的代碼被打破計算圖像的寬度並將其分配給div？

我的代碼：

$(window).load(function(){ 
    $('.minus-button').click(function() { 
    //alert('clicked'); 
    $(".scroll-content-item img, .scroll-content-item, .jspContainer").css('height', 200); 
    $('.scroll-content').each(function(){ 
     var wrapper = $(this); 
     var wrapperWidth = 0; 

     wrapper.find('.scroll-content-item img').each(function(){ 
     wrapperWidth += $(this).outerWidth(true); 
     }); 

     wrapper.css('width', wrapperWidth); 
    }); 
}); 
});

什麼想法？謝謝！鏈接：http://bit.ly/TJaqC6

來源

2012-12-07 bboy

請縮進此，以便它可讀。 – Jivings

也許這一點，IMG沒有滾動內容項目類，所以這將選擇具有父帶班滾動內容項目的所有IMG http://api.jquery.com/child-selector/

wrapper.find('.scroll-content-item > img').each(function(){ 
     wrapperWidth += $(this).outerWidth(true);

來源

2012-12-07 19:07:50 kwh

仍然沒有獲得新的寬度，從站點加載時獲得相同的寬度。 – bboy

我認爲你正在計算寬度，我認爲你需要通知寬度變化的js-scrollpane。它不會自動接受更改。看看這些例子，這裏顯示了當容器改變寬度時如何重新初始化它：http://jscrollpane.kelvinluck.com/#examples – kwh

毫米你是對的，找到了一個與阿賈克斯，但我不真的瞭解它，因爲我不太擅長它，但會試一試。謝謝！ – bboy

jQuery的檢查和更改div寬度時點擊

回答

相關問題