html - 切 Angular jquery 移动可折叠集

Question

我想切断可折叠集中 jquery 移动 header 的左上角。

这是我的 HTML:

<div data-role="content" id="one" class="ui-content" role="main">
    <div data-role="collapsible-set" data-corners="false">
        <div data-role="collapsible" data-collapsed="false" data-theme="f" data-content-theme="f" class="cornered ui-collapsible-heading">
            <h3>Witness</h3>
            <p>Content for witness tab. Content for witness tab. Content for witness tab. Content for witness tab. Content for witness tab. Content for witness tab. </p>
        </div>
        <div data-role="collapsible" data-theme="e" data-content-theme="e">
            <h3>Victim</h3>
            <p>Content for Victim tab. Content for victim tab. Content for Victim tab. Content for victim tab. Content for Victim tab. Content for victim tab. </p>
        </div>
        <div data-role="collapsible" data-theme="d" data-content-theme="d">
            <h3>Information</h3>
            <p>25% of Chinese women have experienced domestic violence.</p>
        </div>
    </div>
</div>

还有我的 CSS:

.cornered {
    width: 176px;
    height: 0px;
    border-bottom: 40px solid #30C2DF;
    border-left: 40px solid transparent;
}

添加一些自定义 CSS 后，我可以创建一个切 Angular ，但我无法在 jquery.mobile.css 中找到进行更改的位置，因为如果我将 class=cornered 添加到我的 div，它只会添加切 Angular 关闭页眉左侧的 Angular ，不会影响页眉本身。

这种方法还改变了我的可折叠集中标题的宽度，并使内容在展开时落在其他标题后面(例如，参见照片)。

Answer 1

jQuery Mobile 使用 .ui-corner-* 类来添加圆 Angular 。您可以选择的一种方法是删除准备就绪的文档类。一个例子是 $("[data-role='collapsible-set']").removeClass("ui-corner-all"); 让我知道这是否有效，或者如果你有任何问题:)