Question

在android / ios上运行下面的代码，然后在同一个可折叠元素上用两根手指点击时，它会亮起（如选中），直到再次点击它为止。如果你在不同元素上快速点击abit就会发生同样的事情。我想知道如何修复这种错误的行为。

崩溃和扩展元素也很慢，它不应该像它应该的那样瞬间。原因是什么？

我做了一个简短的视频，你可以看到索尼Xperia Z3 Compact和iPhone 5S的效果。

https://www.youtube.com/watch?v=HiwzKwMt1jM

<div data-role="page" data-theme="a" id="pageone">
    <div class="ui-content" data-role="main" style=
    "padding-top:0; padding-bottom:0;">
        <div data-role="collapsible-set" style="margin: 0;">
            <div class="divs" data-collapsed-icon="gear" data-expanded-icon=
            "gear" data-inset="false" data-role="collapsible">
                <h4 class="elem">12:00 Some concert</h4>

                <p>concert info</p>
            </div>

            <div class="divs" data-collapsed-icon="gear" data-expanded-icon=
            "gear" data-inset="false" data-role="collapsible">
                <h4 class="elem">13:00 Some other concert</h4>

                <p>Test</p>
            </div>
        </div>
    </div>
</div>

http://jsfiddle.net/p7g1q1qd/

Answer 1

覆盖蓝色＆＃34;活跃＆＃34; css摆脱了马车的问题。

.ui-btn-active
{
    text-shadow: 0 1px 0 #111 !important;
    color: #fff !important;
    border-color: #1f1f1f !important;
    background-color: #333 !important;
}

jQuery Mobile可折叠设置错误行为

1 个答案: