jquery - 删除 jquery mobile 中按钮的圆角

Question

我在单页/多页 jquerymobile 页面模板中有以下按钮标记。

<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right" >About Us</a>

我需要使用 jquerymobile 文档中给出的按钮选项禁用此按钮的圆角。

我在 pagebeforecreate、pageinit、pagecreate 和 mobileinit 等每个事件中都尝试过 $('a').buttonMarkup({corners: "false"})

我从来没有让它工作过，并且一直在努力让它工作很长一段时间。我暂时不想使用数据属性 data-corners="false"。

请提出任何想法

Answer 1

这应该有效:$('a').buttonMarkup({corners: false })注意“false”不应该是字符串。

无论如何，如果您想将其设置为默认行为，您可以尝试以下操作:

$(document).bind('mobileinit', function(){
    $.fn.buttonMarkup.defaults.corners=false;
});

这应该与每个按钮上都有 data-corners="false" 的工作方式相同。