Jquery mobile jquery mobile外部面板中的可折叠listview未正确显示
有人能帮我吗 我试图在外部jquery移动面板中创建一个菜单。这是支持外部面板的JQM 1.4.0 我在外部面板中有一个可折叠的listview。有一种插入应用,我似乎无法摆脱的子菜单3和它里面 请查看我的小提琴: 以下是html:Jquery mobile jquery mobile外部面板中的可折叠listview未正确显示,jquery-mobile,Jquery Mobile,有人能帮我吗 我试图在外部jquery移动面板中创建一个菜单。这是支持外部面板的JQM 1.4.0 我在外部面板中有一个可折叠的listview。有一种插入应用,我似乎无法摆脱的子菜单3和它里面 请查看我的小提琴: 以下是html: <div data-role="page" class="jqm-demos" data-quicklinks="true"> <div data-role="header"> <h1>External p
<div data-role="page" class="jqm-demos" data-quicklinks="true">
<div data-role="header">
<h1>External panels</h1>
</div>
<div role="main" class="ui-content jqm-content jqm-fullwidth">
<a href="#externalpanel" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-mini">Open External Panel</a>
</div>
</div>
<div data-role="panel" id="externalpanel" data-position="left" data-display="reveal" data-theme="a">
<h3>Menu</h3>
<ul data-role="listview" style="padding-right: 8px">
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li data-role="collapsible" data-iconpos="right" data-inset="false">
<h2>Submenu 3</h2>
<ul data-role="listview">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</li>
<li><a href="#">Submenu 4</a></li>
<li><a href="#">Submenu 5</a></li>
</ul>
</div>
为此,请包含以下css和js链接:
非常感谢
或`.enhanceWithin()
不幸的是,这不起作用:在子菜单3中仍然有不需要的缩进,在条目1之前的顶部、底部和内部都有空格。@Omar不是可折叠的,可以用vanilla jquery使其成为一个多级菜单吗?@Shouvik嗨,我没有使用vanilla,但一切都是可能的。请发布一个带有相关数据的问题:)@Omar@amine,而不是给出一个
li
adata role=collapsable
,将一个可折叠的div包装在li
中。
$(function() {
$("body>[data-role='panel']").panel();
$("#externalpanel ul").listview();
$("#externalpanel").trigger("create");
});
$(function () {
$("body>[data-role='panel']").panel().enhanceWithin();
});