Javascript 如果没有桌面，则隐藏haml
我有一个js类，可以定义我使用的设备类型。如果我要求Javascript 如果没有桌面，则隐藏haml,javascript,haml,Javascript,Haml,我有一个js类，可以定义我使用的设备类型。如果我要求桌面或电话，该类将返回bool。问题是我希望我的html/haml是动态的，基于javascript bool是什么。有什么方法可以做到这一点吗？有很多方法可以做到这一点。您可以在文件中同时包含桌面和电话html，并有选择地显示相应的html <body> <div id="desktop_content"> ... </div> <div id="mobile_content"> ... <
桌面电话和电话html，并有选择地显示相应的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>
...
...
if（桌面）{
document.getElementById（'desktop_content'）。display='block'；
document.getElementById（'mobile_content'）。display='none'；
}否则{
document.getElementById（'mobile_content'）。display='block'；
document.getElementById（'desktop_content'）。display='none'；
}
或者，您可以使用AJAX请求（使用jQuery）将内容拉入：
if（桌面）{
$（'content'）.load（'desktop_content.html'）；
}否则{
$（'content'）.load（'mobile_content.html'）；
}
<body>
<div id="content"></div>
</body>
<script type="text/javascript">
if (desktop) {
$('#content').load('desktop_content.html');
} else {
$('#content').load('mobile_content.html');
}
</script>