0

私はかなり基本的な機能を持っています:

 function bx_thumbs() {
    pager_count = jQuery('.bx-pager').children().size();
    total_width = jQuery('.bx-pager').width();
    item_width_margin = pager_count*16;
    page_width = total_width-item_width_margin;
    item_width = page_width/pager_count;

    jQuery('.bx-pager a img').each(function(){
        jQuery(this).css('width',item_width+'px')
        console.log('hi' + total_width);        
    });  
}

jQuery(document).ready(function() {
  bx_thumbs();
});
jQuery(window).resize(function() {
  bx_thumbs();
 });

これの目標は、画像をすべて 1 行に収める幅に設定することです。

これはロード時にうまく機能します。しかし、コンソールログを取得中にサイズを変更すると、画像の幅設定が失われます。

http://simpleandcrisp.com/pairingsで実際にこれを見ることができます。

css に css max-width を設定して、js が非アクティブ化されている場合にページが爆発しないようにしています...サイズ変更で機能しない理由がわかりません。

前もって感謝します

4

1 に答える 1

0

上記の SegioCruz による指摘:

これを試してください: jQuery(document).ready(function() { jQuery(window).resize(function() { bx_thumbs(); }).trigger('resize');// 初期サイズ変更をトリガーします });

于 2012-11-16T17:47:15.220 に答える