2011-12-12 54 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,空字符串或空對象{} - 那麼不要使用它。) –