Jquery mobile Jquery外部面板内容显示不正确

我正在制作一个多页面的web应用程序。我希望它有一个左右面板，无论你在哪一页都可以使用。我设法做到了，但内容似乎没有应用jQuery CSS规则。是的

$("[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>

在属性中删除。它应该是for=checkboxID，不带散列