Jquery mobile удалить форматирование на изображении

Question

Я использую мобильное устройство Jquery, и в верхней части моего сайта есть изображение, предназначенное для ссылки на домашнюю страницу.

Однако при установке ссылки на это изображение мобильное устройство Jquery форматирует изображение в кнопку.

Я осмотрелся вокруг, но не могу найти способ остановить это ... У кого-нибудь есть идеи?

Пример со ссылкой: http://jsfiddle.net/wDYt6/

Пример без ссылки: http://jsfiddle.net/ewn7T/

Answer 1

Нашел лучший ответ здесь: Как я могу остановить jQuery mobile, чтобы применять стили к моим конкретным элементам формы

jQuery Mobile будет игнорировать элементы, атрибуты роли данных которых не установлены. Поэтому вы можете просто добавить эти атрибуты в вашу разметку:

<a href="/" data-role="none"><img src=""></a>

Answer 2

Я использую data-role="none", который работал для меня!

Answer 3

Просто замените data-role="header" чем-то другим.

Answer 4

Добавьте высоту к вашему заголовку div data-role и удалите BR.

<div data-role="page" id="page1" data-theme="a">
    <div data-role="header" style="background-color:#414141; background-image:none;height:80px">
        <a href="index.html"><img src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" width="100%" id="headerImage"/></a>
    </div>
</div>

Когда вы добавляете ссылку вокруг изображения, Jquery mobile добавляет несколько классов (ui-btn-left ui-btnui-btn-corner-all ui-shadow ui-btn-up-a) к этому тегу привязки.