1

Twitter ブートストラップを使用して、より大きなデバイス用に表示される div ブロックがあります。この div ブロックには、ページの準備ができたらデータを取得する呼び出しが関連付けられています。ページがモバイル デバイスのような小さい解像度で表示されているときに、この jquery 呼び出しを行わないようにしています。

私のHTMLは次のようになります。

<div class="row">
<div class="col-sm-12 hidden-xs hidden-sm">
        <div id="test"></div>
    </div>
</div>

jquery イベントは次のようになります。

<script type="text/javascript">

    $(document).ready(function() {

           getData();

           function getData() {

               $.post("functions/test_function.php", {f: 'getData'}, function(data) {

                   if (data.success) {   
                       $('#test').html(data.records);
                   }            
               }, "json");
           }
    });

</script>

div が非表示になるような小さなデバイスでページが開かれている場合、getData 関数の呼び出しを回避するにはどうすればよいですか? javascript /jquery を介して現在の解像度を確認する必要がありますか、それともブートストラップにこのようなフックがありますか?

4

3 に答える 3