2011-12-12 55 views
1

如何使用JavaScript来显示基于JS条件的两种不同布局之一?JS条件布局

例如,我正在使用uStream API检查某个特定频道是否存在。如果是,那么我想要显示一个布局,如果它没有生效,则会显示另一个布局。

可能看起来有点像这样:

function decideLayout(responseJson){ 
    var response = jQuery.parseJSON(responseJson); 

    if(response.results == "live") 
    { 
     SHOW LIVE LAYOUT 
    } else { 
     SHOW OTHER LAYOUT 
    } 
} 

编辑:需要是动态的,是标题下面的网站的一部分。也许我可以使用php包含在条件内?

回答

3

你可以采取很多不同的角度,但你只有2个真正的选择。

  1. 供应为每个布局一组不同的HTML(事情如jQuery模板)
  2. 负载选择用哪个后适当的CSS文件。 (这通常通过在代码已经加载并运行的“页面”之后加载CSS和HTML内容来帮助)。
+0

根据你的两种布局有多不同,切换CSS样式表可能是最高效的方式。 – SuitedSloth

+0

我可以使用没有数据的jQuery模板传入吗? – 585connor

+1

@ 585connor:模板不在意。只要传递任何随机对象。 (A 1,空字符串或空对象{} - 那么不要使用它。) –