0

我有一个 js 类，它能够定义我使用的设备类型。如果我要求desktopor ，该课程将返回一个 bool phone。问题是我希望我的 html/haml 基于 javascript bool 是动态的。有没有办法做到这一点？

4

1 回答 1

1

有很多方法可以解决这个问题。您可以在文件中同时包含desktop和phonehtml，并有选择地显示适当的 HTML。

<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 回答