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 を介して現在の解像度を確認する必要がありますか、それともブートストラップにこのようなフックがありますか?