0

私が使用しているデバイスの種類を定義できる js クラスがあります。desktoporを要求すると、クラスは bool を返しphoneます。問題は、javascript bool に基づいて html/haml を動的にしたいことです。これを行う方法はありますか？

4

1 に答える 1

1

これには多くの方法があります。ファイルにとhtml の両方を含めることができ、適切な HTML を選択的に表示できます。desktopphone

<body>
<div id="desktop_content">
...
</div>
<div id="mobile_content">
...
</div>
</body>

<script type="text/javascript">
if (desktop) {
  document.getElementById('desktop_content').display = 'block';
  document.getElementById('mobile_content').display = 'none';
} else {
  document.getElementById('mobile_content').display = 'block';
  document.getElementById('desktop_content').display = 'none';
}
</script>

または、AJAX リクエスト (jQuery を使用) を使用してコンテンツを取得することもできます。

<body>
<div id="content"></div>
</body>

<script type="text/javascript">
if (desktop) {
  $('#content').load('desktop_content.html');
} else {
  $('#content').load('mobile_content.html');
}
</script>
于 2012-11-29T13:10:08.480 に答える