[英]jQuery Mobile disable enhancement on certain tags?
我不想要<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
在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";
});
要禁用select組件的增強,可以在jQuery Mobile 1.4.2上添加data-role='none'
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.