我不想要<a>
标记的样式。我发现了像How to "turn off" jQuery Mobile's styling of <select> drop downs?这样的线程,但我不想在我拥有的每个 anchor 中添加data-enhance=false
。我也希望linkBindingEnabled
可以工作(来自http://jquerymobile.com/demos/1.2.0/docs/api/globalconfig.html),因为它不会将自定义类添加到<a>
标记中。
我可以删除CSS文件中的定义,但是我更喜欢使用编程方式来实现。例如,我注释掉了.ui-body-c .ui-link
(默认链接),但是页脚中的链接仍然得到了增强。而且我敢肯定还有其他一些小案例,并且我不想使其变得困惑(尽管有时这是唯一的选择)
基本上,有没有一种方法可以禁用元素“选择器”的增强功能?而不是手动添加data-enhance=false
最佳答案
在 jQuery Mobile
中,禁用标记增强的方法很少,但是在您的情况下,只有一种解决方案:
$(document).on('pagebeforeshow', '#index', function(){
$('a').removeClass('ui-link');
});
jsFiddle
示例:http://jsfiddle.net/Gajotres/L4KUT/其他解决方案可以在我的其他 ARTICLE 中找到,为了透明起见,这是我的个人博客。或找到它 HERE 。搜索一章:防止标记增强的方法。
在那里,您会找到一个如何在选择器级别上禁用它的答案,不幸的是,它仅适用于本机表单元素,而标记不是本机表单元素:
$(document).bind('mobileinit',function(){
$.mobile.page.prototype.options.keepNative = "select, input";
});