从jquery mobile中的按钮中删除圆角
我在单页/多页jquerymobile页面模板中有以下按钮标记。
About Us
我需要使用jquerymobile文档中给出的按钮选项禁用此按钮的圆角。
我在每个事件中尝试了$('a').buttonMarkup({ corners: "false" })
,例如pagebeforecreate,pageinit,pagecreate和mobileinit
我从来没有让它工作,并且一直在努力使它成为相当长的一段时间。 我现在不想使用数据属性data-corners =“false”。
请提出任何想法
这应该工作: $('a').buttonMarkup({ corners: false })
注意“false”不应该是一个字符串。
无论如何,如果你想让它成为默认行为,你可以尝试这样的事情:
$(document).bind('mobileinit', function(){ $.fn.buttonMarkup.defaults.corners=false; });
这应该与每个按钮上的data-corners="false"
相同。
您可以在CSS中覆盖JqueryMobile css
正常的jqm
.ui-btn-corner-all { -moz-border-radius: 1em /*{global-radii-buttons}*/; -webkit-border-radius: 1em /*{global-radii-buttons}*/; border-radius: 13px /*{global-radii-buttons}*/; }
在你的CSS中添加
.ui-btn-corner-all{-moz-border-radius:0;-webkit-border-radius: 0;border-radius: 0;}
$(function(){ $('body *').removeClass('ui-btn-corner-all'); });
使jquery选择器更加优化。 把它当作一个想法吧。