簡體   English   中英

jQuery Mobile禁用某些標簽的增強功能?

[英]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'

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM