在JQuery Mobile中,data mini不支持';在可折叠集合中不工作

在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=

我是jquerymobile的新手程序员,我正在尝试做一个简单的可折叠集,可以过滤。过滤器看起来不错,但我无法使数据微型化。理想的效果是拥有可折叠集的迷你版

<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。你能把你正在使用的文件贴到我们可以查看的地方吗?