1

私はjQueryモバイルを使用しています。この場合、画面幅が 960px 未満の場合、折りたたみ可能な data-role を div に追加したいと考えています。

私の例では、サイトをロードしたときにのみ機能します。しかし、ページをリロードせずにブラウザーのサイズを変更したときにも機能することを望みます。

> 960 px から < 960 px への変更は、たとえば、タブレットを回転させたり、ブラウザー ウィンドウのサイズを手動で変更した場合です。

$( document ).on( "pagebeforecreate", function() {
    if ($(window).width() < 960) {
       $(".medis_collaps").attr("data-role","collapsible")
    }
});

編集

data-role="collapsible" を機能させるには、ページをリロードする必要があるようです。

4

3 に答える 3

0

サイズ変更も使用 

$( window ).resize(function() {
   if ($(window).width() < 960) {
       $(".medis_collaps").attr("data-role","collapsible")
    }
});
于 2014-01-07T05:01:40.480 に答える