jQuery Mobile 1.4 header issue

Question

Я только что обновил свой проект до JQM 1.4, и похоже, что заголовок игнорирует атрибут data-role = "none", если он используется в теге в заголовке. Это работало в JQM 1.3.2.

Пожалуйста, обратитесь к jsfiddle и ниже код

http://jsfiddle.net/caseylmanus/VL4HX/21/

<div data-role="page" id="p1"> 
<div data-role="header" data-theme='b'> 
    <a href="#p1" data-role="none"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Back.svg/120px-Back.svg.png" style="height:15px"/></a> 
    <h1>Header</h1> 
</div> 
<div data-role="content" data-theme='a'> 
    Some content here 
</div> 
<div data-role="footer" data-position='fixed'> 
    <h4>Footer</h4> 

</div> 

Answer 1

Это в JQuery Mobile 1.4 bug и будет закреплен на 1.4.1.

Чтобы исправить это до официального выпуска , освободите официальное исправление, выполните следующие действия.

mobileinit, комплект .keepNative опция для любого пользовательского класса. т.е. .native. Добавьте этот класс в любой элемент, который вы не хотите jQM для повышения.

<script src="jquery-1.10.2.min.js"></script> 
<script> 
    $(document).on("mobileinit", function() { 
    $.mobile.keepNative = ".native"; 
    }); 
</script> 
<script src="jquery.mobile-1.4.0.js"></script> 

HTML

<div data-role="header" data-theme='b'> 
    <a href="#p1" class="native"> 
    <img src="120px-Back.svg.png" style="height:15px"/> 
    </a> 
    <h1>Header</h1> 
</div> 

Demo