типы ввода jquery для мобильных устройств

Question

Я новичок в jquery mobile. Я показываю кнопку, используя

<input type="button" id="result" value="" onclick="datedisplay()">

когда я нажимаю на эту кнопку, я хочу изменить значение кнопки, как

document.getElementById('result').value=""+results.values.join(' ');

results.values.join('') будет содержать строковое значение.

Я хочу отобразить это значение, когда пользователь нажимает эту кнопку. Это не работает, когда я использую мобильный каркас jquery. Когда я использую обычный HTML, я могу отображать, как это. И я даже не могу отрегулировать ширину, фон и размер шрифта кнопки.

CSS по умолчанию применяется только тогда, когда я пытался использовать свой стиль. Может ли кто-нибудь помочь мне, как настроить кнопки, отменяющие CSS JQuery мобильного, когда мне нужно

Answer 1

Поскольку вы используете jquery mobile, вы можете использовать jquery для настройки обработчика щелчков для кнопки:

$('#button_id').live('click', function() {
    $('#result').val('Set Value Here');
});

Если вы используете onClick = "[Javascript Code]", вам следует перейти на обработчик щелчковкак в приведенном выше примере или измените атрибут href вашей ссылки на:

href="javascript:[Javascript Code];"

Поскольку Jquery Mobile не удерживает нажатой клавишу при стилизации вашей кнопки.

Чтобы узнать о Jquery Mobile CSS, я рекомендуюиспользуя FireBug для Firefox или что-то подобное, что покажет вам DOM-элементы после их рендеринга в JQuery Mobile.Jquery Mobile берет ваши ссылки с помощью data-role = "button" и превращает их в несколько тегов span.

Например:

<a href="#some_link" data-role="button" data-theme="a" data-inline="true">Some Link Text</a>

Превращается в:

<a class="ui-btn ui-btn-up-a ui-btn-inline ui-btn-corner-all ui-shadow" data-inline="true" data-theme="a" data-role="button" href="#some_link">
<span class="ui-btn-inner ui-btn-corner-all">
<span class="ui-btn-text">Some Link Text</span>
</span>
</a>