3

我不想要<a>标签的样式。我找到了这样的线程如何“关闭”jQuery Mobile 的 <select> 下拉样式?但我不想添加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

4

2 回答 2

5

禁用标记增强的方法很少,jQuery Mobile但在您的情况下,只有一个单行解决方案:

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

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

其他解决方案可以在我的其他文章中找到,透明的是我的个人博客。或者在这里找到它。搜索名为: 标记增强预防方法的章节。

在那里您会找到如何在选择器级别禁用它的答案,不幸的是它仅适用于本机表单元素,并且标签不是本机表单元素:

$(document).bind('mobileinit',function(){
     $.mobile.page.prototype.options.keepNative = "select, input";
});  
于 2013-02-16T20:56:23.853 回答
5

要禁用选择组件的增强,您可以添加data-role='none',在 jQuery Mobile 1.4.2 上测试。

http://jsfiddle.net/zLZzA/1/

于 2014-04-14T07:43:52.103 回答