Отключение кнопки JQuery Mobile с помощью JQuery

Question

это моя мобильная кнопка JQuery.Это, вероятно, легко.Я могу отключить кнопку HTML, но я не могу получить его с этой отметкой.

<a href="" data-role="button"  class="answer_but" id="a" data-theme="b" data-answer="1">

Это, вероятно, легко.Спасибо

Answer 1

Отключить кнопки в jQuery Mobile

Live Пример: http://jsfiddle.net/XRjh2/16/

UPDATE:

Пример кнопки ссылки:

• http://jsfiddle.net/gRLYQ/6/

JS

var clicked = false;

$('#myButton').click(function() {
    if(clicked === false) {
        $(this).addClass('ui-disabled');
        clicked = true;
        alert('Button is now disabled');
    } 
});

$('#enableButton').click(function() {
    $('#myButton').removeClass('ui-disabled');
    clicked = false; 
});

HTML

<div data-role="page" id="home">
    <div data-role="content">

        <a href="#" data-role="button" id="myButton">Click button</a>
        <a href="#" data-role="button" id="enableButton">Enable button</a>

    </div>
</div>

ПРИМЕЧАНИЕ: - http://jquerymobile.com/demos/1.0rc2/docs/buttons/buttons-types.html

Ссылки в стиле кнопок имеют все те же визуальные параметры, что и true Кнопки на основе форм ниже, но есть несколько важных отличий. Кнопки на основе ссылок не являются частью плагина кнопки и используются только базовый плагин buttonMarkup для генерации стилей кнопок так методы кнопки формы (включить, отключить, обновить) не поддерживаются. Если вам нужно отключить кнопку на основе ссылки (или любой элемент), это можно применить отключенный класс UI-инвалидов самостоятельно с JavaScript для достижения того же эффекта.

Answer 2

Вы можете просто установить класс "ui-disabled" практически для любого элемента или кнопки, чтобы отключить его.

<a data-role="filter-button" data-timeframe="month" class="ui-disabled">Date</a>

Answer 3

Хммм - попробуйте это (при условии, что «а» - идентификатор вашей кнопки jqm):

// To disable
$("#a").attr("disabled","disabled");

// and enable
$("#a").attr("disabled","");

Answer 4

Так что я просмотрел это и не смог заставить это работать. Тогда коллега предложил добавить live в vclick, и теперь он работает.

    //Disable Continue Button
        $('#icon-continue').live( 'vclick',function(event){

    var clicked = false;

             if(clicked === false) {
              $(this).addClass('ui-disabled');
              clicked = true;
              alert('Button is now disabled');   
             }
});