在JQuery Mobile中,data mini不支持';在可折叠集合中不工作
我是jquerymobile的新手程序员,我正在尝试做一个简单的可折叠集,可以过滤。过滤器看起来不错,但我无法使数据微型化。理想的效果是拥有可折叠集的迷你版在JQuery Mobile中,data mini不支持';在可折叠集合中不工作,jquery,jquery-mobile,Jquery,Jquery Mobile,我是jquerymobile的新手程序员,我正在尝试做一个简单的可折叠集,可以过滤。过滤器看起来不错,但我无法使数据微型化。理想的效果是拥有可折叠集的迷你版 <div data-role="collapsible-set" data-mini="true" data-filter="true" data-input="#filterable-input"> <div data-role="collapsible" data-filtertext=
<div data-role="collapsible-set" data-mini="true" data-filter="true" data-input="#filterable-input">
<div data-role="collapsible" data-filtertext="section1">
<h3>Section 1</h3>
<p>I'm the collapsibleset content for section 1. My content is initially visible.</p>
</div>
<div data-role="collapsible" data-filtertext="section2">
<h3>Section 2</h3>
<p>I'm the collapsibleset content for section 2.</p>
</div>
</div>
第一节
我是第一节的可折叠内容集。我的内容最初是可见的
第二节
我是第2节的可折叠内容集
这是JS小提琴
提前感谢,,
Gabriel我创建了一个样本来测试迷你和普通可折叠套装的外观。我的HTML代码可以在底部找到,但JSFIDLE可以在这里找到: 当我将此(视觉)与您的样本进行比较时,我似乎看到您的样本确实有效,并且是“迷你”的。只是,除非您将迷你与非迷你并排进行比较,否则很难区分
<div class="ui-content">
<h4>Normal</h4>
<div data-role="collapsibleset" data-mini="false">
<div data-role="collapsible">
<h3>I'm a normal collapsible</h3>
<p>This is good for tight spaces.</p>
</div>
<div data-role="collapsible">
<h3>I'm another normal</h3>
<p>Here's some collapsible content.</p>
</div>
<div data-role="collapsible">
<h3>Last one</h3>
<p>Final bit of collapsible content.</p>
</div>
</div>
<h4>Mini</h4>
<div data-role="collapsibleset" data-mini="true">
<div data-role="collapsible">
<h3>I'm a mini collapsible</h3>
<p>This is good for tight spaces.</p>
</div>
<div data-role="collapsible">
<h3>I'm another mini</h3>
<p>Here's some collapsible content.</p>
</div>
<div data-role="collapsible">
<h3>Last one</h3>
<p>Final bit of collapsible content.</p>
</div>
</div>
</div>
正常的
我是一个普通的可折叠的人
这对狭小空间有好处
我是另一个正常人
这里有一些可折叠的内容
最后一个
最后一点可折叠内容
迷你
我是一个迷你折叠车
这对狭小空间有好处
我是另一个迷你
这里有一些可折叠的内容
最后一个
最后一点可折叠内容
在我的应用程序中,这个问题也出现了很长一段时间。经过深思熟虑,我发现链接样式表时存在冲突。如果您禁用了主题,data mini true将起作用。我的意思是,不要在标题中链接主题样式,然后查看结果。希望它能起作用。谢谢非常感谢你的例子!但它在我的电脑里还是不起作用。。。六羟甲基三聚氰胺六甲醚。。。好。。。您的屏幕截图看起来确实是“正常”大小,而不是“迷你”。我们似乎有一个谜。我猜它在我发布的JSFIDLE中看起来“迷你”。我想我们的下一步将是详细了解您自己的HTML、JavaScript和CSS。你能把你正在使用的文件贴到我们可以查看的地方吗?