2013-06-12 53 views
0

相對於Twitter Bootstrap而言,我現在面臨以下問題。Twitter Bootstrap:如何重新加載?

我有一個小型網站,基於我在官方網站上找到的一些啓動器示例。 到目前爲止它工作正常。

這裏我想設置一種在兩種語言之間切換的方法。

對於我在用下面的代碼上設置2個按鈕,我也從一個例子有:

<div class="masthead"> 
    <div class="navbar"> 
     <div class="navbar-inner"> 
     <div class="nav_container"> 
      <ul class="nav"> 
      <li class="active"><a href="#">English</a></li> 
      <li><a href="#">Japanese</a></li> 
      </ul> 
     </div> 
     </div> 
    </div><!-- /.navbar --> 
    </div> 

什麼我需要改變這樣的部位被重新加載,當我點擊非激活按鈕?

這將很容易處理在PHP中。我會設置一個變量,用$ _POST和... .etc來獲取它... 但Twitter Bootstrap有什麼竅門?

我覺得它一定很簡單。雖然我沒有通過搜索網絡找到解決方案。 我不得不承認,我對Twitter Bootstrap似乎使用很多的JavaScript不太熟悉,而不是PHP。

我會感謝任何相關的提示。提前致謝。

回答

1

你的主要問題在於你試圖使用Bootstrap作爲它不是的東西。 Bootstrap實際上只是處理您的網站的簡報(可愛)的簡單方法。

你在找什麼是切換網站的實際內容(單詞等)的方法。

這可能會在Javascript中通過使用同時下載日語和英語的內容來完成,然後切換內容,但它很討厭,不應該這樣做。

正確的方式

這是通過使用服務器端語言(如PHP)來設置什麼語言的用戶在瀏覽網頁,再服了相關文本。

這方面的一個非常簡化版本是這樣的:

<li class="active"><a href="?set_lang=english">English</a></li> 
<li><a href="?set_lang=japanese">Japanese</a></li> 

然後

<?php 
    session_start(); 

    //Set the language in a session to ensure that all future requests to this website 
    //will default to being in the correct language 
    if(isset($_GET["set_lang"])){ 
    $_SESSION["language"] = $_GET["set_lang"]; 
    }elseif(!isset($_SESSION["language"]){ 
    //Default language 
    $_SESSION["language"] = "english"; 
    } 

    if($_SESSION["language"]==="english"){ 
    echo "Hello!"; 
    }elseif($_SESSION["language"]==="japanese"){ 
    echo "Konichiwa!"; 
    } 
+0

謝謝,其實這是我最後做。只是不想成爲一名錶現不佳的Bootstrap用戶。 – Michel