SORU
3 Mayıs 2011, Salı


JQuery devre dışı Düğmeleri Mobil

Bu jQuery Mobile için. Tüm düzenli bir WordPress kullanmak cevapları çalışacak.

Benim düğmeleri jQuery Mobile devre dışı bırakmak için alamıyorum.

jQuery Mobile kullanın diyor

$('input').button('disable');   

Ama Kundakçı bir hata mesajı alıyorum:

yakalanmamış özel durum: düğme çağrılamaz yöntemleri başlatılması için önce; teşebbüs için arama yöntemi '' devre dışı bırakın.

Henüz başlatılmış değil nasıl bilmiyorum bu yüzden benim sayfa belge hazır bölümünde.

Doğrudan kendi kimliği ile düğmesine aramayı denedim ama işe yaramıyor.

Denedim:

$('button').attr("disabled", "disabled");

İşe yaramıyor.

Ben de bir düğme değeri nedir temel sağlayacak bir komut düğmesi var. Özellikle bir "dava" ifadeleri, ama jQuery mobile/devre dışı düğmeleri şey etkinleştir çalışmıyor. yönlendirme nerede bölümü var

kod: http://pastebin.com/HGSbpAHQ

CEVAP
3 Mayıs 2011, Salı


GÜNCELLEME:

Bu soru hala çok darbe aldığından da düğmesini devre dışı bırakmak için nasıl geçerli jQM belgeleri ekliyorum:

Güncelleştirilmiş Örnekler:

engelli bir form düğmesini etkinleştir

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

form devre dışı bırak düğmesini devre dışı bırakın

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

form düğme güncelleme yenileyin< / ^ br . Eğer form bir düğme ile değiştirme JavaScript, bu güncelleştirme için yenileme yöntemini çağırmalısınız görsel stil.

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

Orijinal Yazı Aşağıda:

Canlı Örnek: http://jsfiddle.net/XRjh2/2/

GÜNCELLEME:

Naugtur örnek @aşağıya kullanarak: http://jsfiddle.net/XRjh2/16/

GÜNCELLEME #2:

Düğme örnek Link:

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>

NOT: - http://jquerymobile.com/demos/1.0rc2/docs/buttons/buttons-types.html

Bağlantılar düğmeleri gibi tarz gerçek olarak aynı görsel seçenekleri var form tabanlı düğmeler aşağıda, ama birkaç önemli farklılıklar vardır. Bağlantı tabanlı düğmeleri eklentisi parçası değildir ve sadece kullanımı sadece alttaki buttonMarkup düğme stilleri çok oluşturmak için eklenti form düğme yöntemleri (etkinleştirmek, devre dışı bırakmak, yenilemek) desteklenmez. Eğer bağlantı tabanlı bir düğme (veya herhangi bir öğesi) devre dışı bırakmanız gerekirse, Olası Engelliler sınıfı uygulamak için uı-engelli kendinle JavaScript aynı etkiyi elde etmek için.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Incredible Tutorials

    Incredible T

    27 EKİM 2006
  • Justin Davis

    Justin Davis

    14 Ocak 2008
  • Liz Morgan

    Liz Morgan

    4 Aralık 2011