2015-03-19 65 views
0

我在製作一個多頁面的網頁應用程序。我希望它有一個左側和右側面板,無論您在哪個頁面上都可以使用該面板。我設法做到了這一點,但內容似乎沒有應用於它們的jQuery CSS規則。我做Jquery外部面板內容顯示不正確

$("[data-role=panel]").panel().enhanceWithin(); 

這使我的工作小組...還挺標籤我查馬克都沒有格式化像他們當面板不是外部。我想我只是把代碼放好。我發誓我搜索這個網站永遠試圖找到答案。

$(function() { 
    $("[data-role=panel]").panel().enhanceWithin();   
}); 

<div data-role="panel" id="RoomInfoPanel" data-display="overlay" data-theme="b" data-position="right" data-dismissible=false> 
    <div data-role="main" class="ui-content"> 
     <h2 id="roomNumberHeader">Panel Header..</h2> 
     <p class="main" id="CrewText">Crew Assigned:</p> 

     <select id="selectCrew" > 
      <option>Select Crew</option> 
     </select> 

     <div id="cblist" style="display:inline"> 
      <label for="#compChk" class="ui-content">Completed</label> 
      <input type="checkbox" value="first checkbox" id="compChk" /> 
      <input type="checkbox" value="first checkbox" id="paidChk" /> 
      <label for="#paidChk">Paid</label> 
     </div> 
     <div data-role="main"> 
      <a href="#myCrewPanel" class="ui-btn ui-btn-inline">Edit Crews</a> 
     </div> 
    </div> 
</div> 

回答

0

刪除# in for屬性。它應該是for="checkboxID"沒有散列。