W jaki sposób można wyłączyć typ wejściowy = "obraz" za pomocą jquery?

Question

z jQuery, próbuję wyłączyć pole wprowadzania takiego:

<input id="submit" type="image" src="submit.jpg"> 

Co chciałbym zrobić, to wyłączyć przycisk i zmienić obraz z innego obrazu (submitGreyed.jpg) wizualnie zawiadomić ten przycisk jest wyłączony.

z następującą linię wyłączyć przycisk:

JQuery("#submit").attr('disabled','true'); 

potem zmienić obraz z:

JQuery("#submit").attr('src','submitGreyed.jpg'); 

i raz wyłączone mogę przesłać formularz z:

JQuery("#form").submit(); 

Druga linia ma dziwne zachowanie; czasem działa, a czasami nie.

Po uruchomieniu przycisk jest wyłączony, obraz zmieniony, a formularz jest przesyłany; kiedy to nie działa, przycisk jest wyłączony, formularz jest przesyłany, ale obraz nie jest zmieniany.

Jak mogę to rozwiązać?

Answer 1

nie dokładnie odpowiedzieć na to pytanie, ale mam nadzieję, że to pomaga:

pierwsze, powinna ona być disabled="disabled" więc to wykorzystać:

jQuery("#submit").attr('disabled','disabled'); 

I nie jestem pewien, co się wyszarzone przycisk wygląda na to, ale można spróbować tylko przy użyciu krycie:

jQuery("#submit").attr('disabled','disabled').css('opacity',0.5); 

Aktualizacja nie mogę odtworzyć problem, więc tutaj to moja sugestia:

bezwzględną ścieżkę do obrazu zamiast względnym i ustaw atrybuty zarówno w tym samym czasie (Choć ustawienie jedna po drugiej nie zmienił mój test):

jQuery("#submit").attr({ 
    disabled: 'disabled', 
    src:  '/images/submitGreyed.jpg' 
}); 

Ponieważ w moim teście użyłem pełnej ścieżki, która może mieć na nią nieco wpływu.

View a demo here