Question

我制作了一个多页面的网页应用。我希望它有一个左右面板，无论您在哪个页面上都可以使用。我设法做到了，但内容似乎没有应用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>

Answer 1

删除#属性中的for。它应该是for="checkboxID"没有哈希。

Jquery外部面板内容无法正确显示

1 个答案: