Javascript JS条件布局

Javascript JS条件布局,javascript,Javascript,如何使用JavaScript显示基于JS条件的两种不同布局之一 例如,我正在使用uStream API检查特定通道是否处于活动状态。如果是,那么我希望显示一个布局,如果它不是活动的,那么将显示另一个布局 可能看起来有点像这样: function decideLayout(responseJson){ var response = jQuery.parseJSON(responseJson); if(response.results == "live") {

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

例如,我正在使用uStream API检查特定通道是否处于活动状态。如果是,那么我希望显示一个布局,如果它不是活动的,那么将显示另一个布局

可能看起来有点像这样:

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

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

编辑:站点中唯一需要动态的部分位于标题下方。也许我可以在条件中使用php includes?

有许多不同的角度可以选择,但您只有2个实际选项

  • 为每个布局提供一组不同的HTML(使用JQuery模板之类的东西)
  • 选择要使用的CSS文件后,加载相应的CSS文件。(这通常通过在加载并运行带有代码的“页面”后加载CSS和HTML内容来实现。)

  • 根据两种布局的不同程度,切换CSS样式表可能是最有效的方法。我可以在没有数据传递的情况下使用jQuery模板吗?@585connor:模板不在乎。只需将任意对象传递给它即可。(1、空字符串或空对象{}-那么,不要使用它。)