4

Twitter Bootstrap タブを選択メニューに変換する方法を知っている人はいますか? これは、モバイル レイアウトに役立ちます。

このようなもの...

<select>
<option value="#everything">Everything</option>
<option value="#catalog">Catalog</option>
<option value="#articles">Articles+</option>
<option value="#ejournals">E-Journals</option>
<option value="#reserve">Reserve</option>
<option value="#databases">Databases</option>
</select>

これがライブの例です。タブをセットアップして作業しています。しかし、選択メニューでも機能するようにしたいです。したがって、選択メニューはタブも変更します。これは、サイトのモバイル バージョンで使用されます。

http://library.buffalo.edu/redesign/html/tabs.html

4

3 に答える 3

2

Javascript を使用しても問題ない場合は、ユーザーがモバイルを使用していると判断したときに変換する関数を作成できます。

var $select = $('<select></select>');

$('.nav-tabs li a').each(function() {
    $select.append('<option>' + $(this).text() + '</option>');
});

http://jsfiddle.net/mBddM/

于 2012-07-13T13:54:19.047 に答える