css-使用div標籤的2個不同頁面

我們正在爲使用Rails的iPad開發Web應用程序，並將使用jQery Mobile的樣式表進行數據查看。我們分成兩個小組，一個小組製作技術（Rails）部分，另一個小組製作圖形部分。css-使用div標籤的2個不同頁面

因此，他們已經創造了它看起來像這樣的接口：

enter image description here

橙色（<div data-role="header">）和綠色（<div data-role="content">）部分均爲兩個分離式DIV的容器，但實際上他們以後應該代表2個不同的html.erbs：橙色一個index.html.erb（/員工），這是鏈接到頁面綠色show.html.erb（例如/員工/ 1）

現在我的問題：

是否有可能讓2頁在一個視圖中用導軌查看？（與分頁？）
如何鏈接從橙色到綠色的部分，所以頁面的下半部分將會改變，取決於你點擊哪個名字？可以在-containers中寫點東西嗎？

也許很難理解，所以我會告訴我們的代碼某些部分。

<body> 

<!-- BEGINNING OF ORANGE PART: SEARCH BAR - index.html.erb --> 
<div data-role="page" data-theme="d"> 

    <div data-role="header"> 
     <h6>Videobasiertes Lernsystem</h6> 
     <p align="center">zur Sicherheit am Arbeitsplatz</p> 

      <div data-role="collapsible" data-collapsed="true"> 

      <h3>&nbsp;&nbsp;Mitarbeitersuche klappt aus</h3> 

      <ul data-role="listview" data-inset="true" data-filter="true" data-theme="d"> 
       <br></br> 

       <li><p><a href="TO THE GREEN PART">Anne Wernersen</a></p></li> 
       <li><p><a href="TO THE GREEN PART">Klaus Meyer</a></p></li> 
       <li><p><a href="TO THE GREEN PART">Thomas Sach</a></p></li> 

      </ul> 
     </div><!-- /Ende Suche --> 

    </div><!-- /header --> 

    <div data-role="content"> 


<!-- BEGINNING OF GREEN PART: CONTENT - show.html.erb --> 
    <!-- left panel --> 
    <div class="ui-grid-b"> 
     <div class="ui-grid-a"> 
      <div class="ui-block-a"><p><strong>Faehigkeiten</Strong></p> 
      ... 

      ... 
    </div></div></div> 

<!-- /End of left panel --> 

<!-- right panel --> 


     <div class="ui-block-b"><strong><p>Schulungen</p></strong> 

      <br></br> 
      <br></br> 
     ... 

     ... 

     </div></div></div><!-- /right panel --> 

    </div><!-- /content --> 

    <div data-role="footer" data-theme="d"> 
    </div><!-- /footer --> 
    </div><!-- /page --> 
</body> 
</html>

，我想過，也許我需要在divs像<%= render 'index' %>編寫和兩個其他HTML編寫實際的代碼。例如，在rails的腳手架中使用edit.html.erb和_form.html.erb。

來源

2011-07-25 Kirinriki

你會想用jQuery來爲你做這個。 Rails視圖將加載所有數據，並使用JavaScript來控制人們在與其交互時頁面的變化。

如果是大量數據並取決於其他因素，則可能需要爲數據設置一個API，以便JavaScript可以從那裏請求每個人的數據。

來源

2011-07-25 23:15:58

對不起，我沒有明白你的意思。你能給我一些簡單的例子，以便我能理解嗎？ – Kirinriki

css-使用div標籤的2個不同頁面

回答

相關問題