css - jQuery Mobile 禁止将 `ui-link` 添加到 ` `

Question

我注意到我的链接已ui-link附加到它上面。干扰 CSS，因为 jQuery Mobile 对它的样式不同。我可以覆盖，但我只需要删除类。是否可以阻止 jQuery Mobile 添加类，而不是在添加后删除？

一种方法是http://forum.jquery.com/topic/as-still-styled-as-ui-link-despite-being-in-a-container-w-data-role-none但我不想编辑jQuery 移动源

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');
});