css - jQueryMobileは``への`ui-link`の追加を無効にしました` `

Question

リンクがui-link追加されていることに気づきました。jQuery Mobileのスタイルが異なるため、CSSに干渉します。上書きすることもできますが、必要なのはクラスを削除することだけです。追加後に削除する代わりに、jQuery Mobileがクラスを追加しないようにすることは可能ですか？

1つの方法はhttp://forum.jquery.com/topic/as-still-styled-as-ui-link-despite-being-in-a-container-w-data-role-noneですが、編集したくないjQueryMobileソース

Answer 1

v1.1.1 の jQuery Mobile ソースをちらりと見てみると、次の点を除いて、pagecreateおよびイベントでリンクが強化されていることがわかります。create

.not(".ui-btn, .ui-link-inherit, :jqmData(role='none'), :jqmData(role='nojs')")

.ui-btnつまり、または.ui-link-inheritクラスを追加するか、リンクにdata-role="none"または属性を追加することで、拡張を回避できるはずです。data-role="nojs"

また、リンクで .jqmEnhanceable() を呼び出し、次に $.mobile.enhanceable() を呼び出して、親要素をトラバースして拡張しても問題ないことを確認します。data-role="none"リンク自体またはラッパー要素に追加しようとしましたか?

もちろん、jQuery Mobile が初期化された後にクラスを削除することはできますが、jQM の一部の機能に悪影響を与える可能性があるため、これはお勧めしません。jQM はスタイリング以外にも .ui-link を使用していると思います。

$(document).bind('pageinit', function(event){
    $('.ui-link').removeClass('ui-link');
});