2015-03-19 63 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"没有散列。