Wyłącz, a następnie włącz ponownie funkcję kliknięcia jQuery

Question

Mam system przesyłania plików, po kliknięciu przycisku przesyłania plik jest następnie przesyłany przez AJAX. Podczas przesyłania pliku chcę wyłączyć funkcję kliknięcia znajdującą się na przycisku "Wybierz obrazy". Obecnie jest to funkcja kliknięcie na przycisk plików wybór:

$(document).ready(function() { 
    $("#file-button").click(function() { 
     $('#file').trigger('click'); 
    }); 
}); 

który działa dobrze, ale chcę, aby wyłączyć funkcję kliknięcia w fazie postępów XMLHttpRequest, a następnie ponownie włączyć funkcję kliknij, gdy Otrzymuję odpowiedź 200 z serwera. Próbowałem już bind() i unbind() i działa dobrze w Chrome, ale w firefox, podczas przesyłania, przycisku nie można kliknąć, to jest to, czego chcę, a potem po otrzymaniu odpowiedzi z serwera przycisk jest ponownie włączony, ale w firefox otwierane są jednocześnie dwa okna dialogowe wyboru plików. Dzieje się tak z powodu powyższej funkcji i ponownego powiązania funkcji za pomocą bind(). Czy ktoś ma jakieś sugestie, jak włączyć, a następnie wyłączyć przycisk bez ponownego wpisywania kodu (funkcji) zdarzenia kliknięcia.

Coś takiego byłoby lepiej:

$('#file-button').disable(); 
$('#file-button').enable(); 

Próbowałem on() i off() i nie wydaje się do pracy albo.

Answer 1

ROZWIĄZANIE - dzięki Eric

zmieniłem pierwotną funkcję kliknij na następujący:

$(document).ready(function() { 
    $("#file-button").click(function() { 
     if ($('#file-button').attr('disabled') == "disabled") { 
     return false; 
     } 
     else { 
      $('#file').trigger('click'); 
     } 
    }); 
}); 

I ustawić następujące czynności, aby wyłączyć przycisk

$('#file-button').attr('disabled','disabled'); 

A to, aby ponownie włączyć:

$('#file-button').removeAttr('disabled'); 

Answer 2

Wypróbuj Attr Funkcja jQuery.

$('#file-button').attr('disabled','disabled'); 
$('#file-button').removeAttr('disabled');

Testowany kod

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript"> 

    $(document).ready(function() 
    { 
     $("#file-button").click(function(e) 
     { 
      e.preventDefault(); 
      $(this).attr('disabled','disabled'); 
      return false; 
     }); 
    }); 

</script> 

<input type="button" id="file-button" value="ClickMe" /> 

Answer 3

Trzeba zwrócić przycisk wejściowego w celu przycisk wyłączenia,

Coś poniżej

$("input[type=submit]").prob('disabled', true); 
    $("inpur[type=submit]").prob('disabled', false); 

Answer 4

Wyłącz przycisk za pomocą jQuery $.prop() funkcja:

$("input[type=submit]").prop('disabled', true); 

Dodaj warunkowa do obsługi kliknij, aby sprawdzić, czy przycisk jest wyłączony:

$("#file-button").click(function() { 
    if (!$(this).is(':disabled')) { 
    $('#file').trigger('click'); 
    } 
}); 

Później ponownie włączyć przycisk:

$("input[type=submit]").prop('disabled', false); 

---

Albo może być w stanie wykorzystać zdarzenie submit zamiast kliknięcia, jeśli istnieje formularz:

$("#whatever-your-form-is").on('submit', function() { 
    $('#file').trigger('click'); 
});