JQuery Mobile - Disable Form Button styling

Question

Можно ли перезаписать настройки кнопки формы jquery?

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

Можно ли отключить стиль?

Есть ли у кого-нибудь предложения?

Приветствия

Пол

Answer 1

Хм я думаю, что вы спрашиваете, как использовать пользовательский значок кнопки, поищите по этой документации:

• http://jquerymobile.com/demos/1.0/docs/toolbars/docs-navbar.html

Использование сторонних иконок
Вы можете добавить любую из популярных библиотек значков, таких как Glyphish, чтобы получить вкладку стиля iOS, которая имеет большие значки , уложенные поверх текстовых меток. Все, что требуется, это немного пользовательских стилей, чтобы ссылаться на значки и размещать их на панели навигации. Вот пример использования Glyphish иконки и пользовательские стили (вид страницы источник стилей) в нашей навигационной панели:

Если вам нужно отключить кнопку смотрите здесь:

• http://jquerymobile.com/demos/1.0/docs/buttons/buttons-methods.html

отключить отключить кнопки формы

$('[type='submit']').button('disable'); 

Если вам нужно тему кнопку смотрите здесь:

• http://jquerymobile.com/demos/1.0/docs/buttons/buttons-themes.html
• http://jquerymobile.com/themeroller

UPDATE:

Живой пример:

• http://jsfiddle.net/JZJny/

JS

$('.imageClick').click(function() { 
    alert('I have been clicked'); 
}); 

HTML

<div data-role="page" id="home"> 
    <div class="content"> 
     <img class="imageClick" src="http://condo69.com/yahoo_site_admin/assets/images/clickhere.363151626_std.jpg" alt="click" height="42" width="42" /> 
    </div> 
</div> 

Answer 2

Чтобы отключить автоматическую укладку можно изменить селектор по умолчанию с помощью CSS3: нет(), например, или просто изменить его на что-то другое:

<script> 
$(document).on("mobileinit", function(){ 
    $.mobile.button.prototype.options.initSelector = ".onlyMyButtons"; 
    // default: "button, [type='button'], [type='submit'], [type='reset'], [type='image']" 
}); 
</script> 

via http://jquerymobile.com/demos/1.0/docs/buttons/buttons-options.html