Css jqueryMobile面板主题不工作

在我的一生中，我无法理解为什么这个jquery移动面板不会呈现与应用程序中使用的jquery移动主题相同的外观和感觉

该面板与我的jquery mobile页面的其余部分加载在同一页面上，因此jquery mobile css文件和jquery js文件都被引用并在页面的其他部分工作

我在布局中遗漏了什么

谢谢

 <div data-role="page" id="map_page">
        <div data-role="panel" id="transitLayersPage" data-position="right" data-display="overlay">
            <div data-role="header">
                <h1>Routes</h1>
            </div>        
            <div data-role="controlgroup">
                <div id="checkboxes">
                    <input type="checkbox" id="transitRoutesLayerKML0" onclick="toggleLayer(0)" />
                    <label>Routes 1</label>
                    <input type="checkbox" id="transitRoutesLayerKML1" onclick="toggleLayer(1)" />
                    <label>Routes 2</label>
                    <input type="checkbox" id="transitRoutesLayerKML0" onclick="toggleLayer(2)" />
                    <label>Routes 3</label>
                    <input type="checkbox" id="transitRoutesLayerKML1" onclick="toggleLayer(3)" />
                    <label>Routes 4</label>
                    <input type="checkbox" id="transitRoutesLayerKML0" onclick="toggleLayer(4)" />
                    <label>Routes 5</label>
                    <input type="checkbox" id="transitRoutesLayerKML1" onclick="toggleLayer(5)" />
                    <label>Routes 6a</label>
                    <input type="checkbox" id="transitRoutesLayerKML0" onclick="toggleLayer(6)" />
                    <label>Routes 6b</label>
                </div>
                <a href="#my-header" data-role="button" data-rel="close">Close panel</a>
            </div>
            </div>

路线
路线1
路线2
三号干线
路线4
路线5
路线6a
路线6b

您忘记为

标签添加
属性。此外，对于
复选框
，您不应使用重复的
id
，每个
复选框
必须具有唯一的
id

<input type="checkbox" id="foo">
<label for="foo">bar</label>


酒吧


谢谢你的回复。我不知道“for=”这件事。很高兴知道。至于身份证，那只是一个打字错误，但现在一切都理顺了，而且还在工作。干杯