Question

我是JQuery mobile的新手程序员，我正在尝试做一个可以过滤的简单可折叠集。过滤器看起来不错，但我无法使数据迷你工作。期望的效果是拥有可折叠集的迷你版本。

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

这是JS小提琴http://jsfiddle.net/g48uns3g/

提前致谢，加布里埃尔

Answer 1

我创建了一个样本来测试mini和普通的可折叠集的样子。我的HTML代码可以在底部找到，但可以在这里找到jsFiddle：

jsFiddle

当我将这个（视觉上）与你的样品进行比较时，我似乎看到你的样品确实在工作，并且是＆＃34; mini＆＃34;只是除非你将迷你与非迷你并排比较，否则很难说。

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

Answer 2

我的应用程序中也存在这个问题很长一段时间。经过深思熟虑后，我发现链接样式表存在冲突。 data-mini true如果您禁用主题我的意思是只是不要在标题中链接主题样式并查看结果。希望它有效。感谢

在JQuery Mobile中，data-mini在可折叠集中不起作用

2 个答案: