javascript - jQuery Mobile删除顶部圆 Angular

我有一个DIV，其中有一个<ul>和<li>以获得漂亮的标题。以下是collapsibleset。问题在于它具有ui-corner-all类。如果我删除该类，那么我的可折叠集将不再具有圆角。尝试添加ui-corner-bottom，但没有任何反应。

$("#mydiv ul").append(

                "<div data-role='collapsibleset' data-theme='a' data-content-theme='a' style='margin: 0'>"
                +"<div data-role='collapsible'>"
                +"<h3>Section 1</h3>"
                +"<p>I'm the collapsible content for section 1</p>"
                +"</div>"
                +"<div data-role='collapsible'>"
                +"<h3>Section 2</h3>"
                +"<p>I'm the collapsible content for section 2</p>"
                +"</div>"
                +"<div data-role='collapsible' class='ui-last-child'>"
                +"<h3>Section 3</h3>"
                +"<p>I'm the collapsible content for section 3</p>"
                +"</div>"
                +"</div>"

        ).trigger("create");

// not working -> //$("#mydiv div").removeClass("ui-corner-all").addClass("ui-corner-bottom").trigger("create");

最佳答案

更新资料

仅从可折叠集的顶部删除border-radius。

.ui-collapsible-set > .ui-collapsible.ui-corner-all {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

只需将data-corners="false"添加到crashiblesetdiv中即可。另外，请使用.enhanceWithin()代替.trigger("create")，因为jQM 1.4中已弃用它。

$("#mydiv ul").append("<div data-role='collapsibleset' data-theme='a' data-content-theme='a' style='margin: 0' data-corners='false'>"
                +"<div data-role='collapsible'>"
                +"<h3>Section 1</h3>"
                +"<p>I'm the collapsible content for section 1</p>"
                +"</div>"
                +"<div data-role='collapsible'>"
                +"<h3>Section 2</h3>"
                +"<p>I'm the collapsible content for section 2</p>"
                +"</div>"
                +"<div data-role='collapsible' class='ui-last-child'>"
                +"<h3>Section 3</h3>"
                +"<p>I'm the collapsible content for section 3</p>"
                +"</div>"
                +"</div>").enhanceWithin();

  Demo

关于javascript - jQuery Mobile删除顶部圆 Angular ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25520590/