2

流動的なレイアウトのグリッドがあるとしましょう。span12画面全体を使用して、divに1つのコンポーネント、テーブルがあります。

この表の行がクリックされたときに、レイアウトを変更したい。テーブルの div を に変更し、右側にspan4新しい列を作成して、選択した項目の詳細を表示したいと考えています。span8

プログラムでこれを行うにはどうすればよいですか? 次のような簡単なもの：

$("#mydiv").removeClass("span12").addClass("span4")

...うまくいかないようです。Bootstrapにレイアウト全体を再処理するように指示する必要があると思います。それはまったく可能ですか？

4

1 に答える 1

1

このソリューションはどうですか：

var $table = $('.table-container'), // table inside
    $side  = $('.side-container');  // hidden by default
$table.on('click', 'tr', function() {
   $table.removeClass('span8').addClass('span4');
   $side.show();
});

http://jsfiddle.net/meV43/

このデモでは、span8 の合計幅を使用しました

トグル列機能付きhttp://jsfiddle.net/meV43/1/

于 2013-04-04T09:30:49.837 に答える