javascript - jQuery Mobile 禁用某些标签的增强功能？

Question

我不想要 <a> 的样式标签。我发现了这样的话题 How to "turn off" jQuery Mobile's styling of <select> drop downs?但我不想添加 data-enhance=false我拥有的每一个 anchor 。我也希望linkBindingEnabled会工作(来自 http://jquerymobile.com/demos/1.2.0/docs/api/globalconfig.html )，因为它不会将自定义类添加到 <a>标签。

我可以删除 CSS 文件中的定义，但我更喜欢以编程方式来执行此操作。比如我注释掉.ui-body-c .ui-link (默认链接)，但我在页脚中的链接仍然得到增强。而且我敢肯定还有其他小案例，我不想弄得一团糟(尽管有时这是唯一的选择)

基本上，有没有一种方法可以禁用元素“选择器”的增强功能？而不是手动添加 data-enhance=false

Answer 1

jQuery Mobile 中有几种禁用标记增强的方法 但在您的情况下，只有一个单行解决方案:

$(document).on('pagebeforeshow', '#index', function(){       
   $('a').removeClass('ui-link');
});

jsFiddle 示例:http://jsfiddle.net/Gajotres/L4KUT/

其他解决方案可以在我的其他ARTICLE中找到，说白了这是我的个人博客。或者找 HERE 。搜索名为:Methods of markup enhancement prevention 的章节。

在那里你会找到如何在选择器级别禁用它的答案，不幸的是它只适用于原生表单元素并且标签不是原生表单元素:

$(document).bind('mobileinit',function(){
     $.mobile.page.prototype.options.keepNative = "select, input";
});