隱藏HAML如果任何東西，但桌面

我有一個js類，它是能夠定義我是什麼樣的設備上。如果我要求desktop或phone，課程將返回一個布爾值。問題是我希望我的html/haml基於javascript bool是動態的。有沒有辦法做到這一點？隱藏HAML如果任何東西，但桌面

來源

2012-11-29 locoboy

有很多方法去這個問題。你可以有兩種的和desktop HTML phone在文件中並選擇性地顯示相應的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>

或者，您可以將數據內容使用（使用jQuery）AJAX請求：

<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-29 13:10:08 teddybeard

隱藏HAML如果任何東西，但桌面

回答

相關問題