फिर क्लिक करें फिर से सक्षम करें क्लिक करें jQuery

Question

अपलोड बटन क्लिक करने के बाद, मेरे पास फ़ाइल अपलोड सिस्टम है, फ़ाइल को फिर AJAX के माध्यम से अपलोड किया जाता है। फ़ाइल अपलोड होने पर मैं "छवियों का चयन करें" बटन पर क्लिक फ़ंक्शन को अक्षम करना चाहता हूं। वर्तमान में इस फाइल चयन बटन पर क्लिक समारोह है:

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

कि ठीक काम करता है, लेकिन मैं क्लिक समारोह जब पुन: सक्षम XmlHttpRequest की प्रगति चरण में क्लिक समारोह को निष्क्रिय करने, और फिर चाहते हैं मुझे सर्वर से 200 प्रतिक्रिया मिलती है। मैंने bind() और unbind() की कोशिश की है और यह क्रोम में ठीक काम करता है, लेकिन फ़ायरफ़ॉक्स में, अपलोड के दौरान, बटन क्लिक नहीं किया जा सकता है, जो मैं चाहता हूं, और फिर सर्वर से प्रतिक्रिया मिलने के बाद बटन फिर से सक्षम हो जाता है, लेकिन फ़ायरफ़ॉक्स में दो फ़ाइल-चयन संवाद विंडो एक ही समय में खुलती हैं। यह उपरोक्त फ़ंक्शन के कारण है, और मुझे bind() का उपयोग करके फ़ंक्शन को फिर से बाध्य करना है। क्या किसी को सक्षम करने के तरीके पर कोई सुझाव है, फिर क्लिक ईवेंट के कोड (फ़ंक्शन) को दोबारा दर्ज किए बिना बटन को अक्षम करें।

कुछ इस तरह बेहतर होगा:

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

मैं on() और off() की कोशिश की है और वे या तो काम करने के लिए नहीं है।

Answer 1

समाधान एरिक

करने के लिए धन्यवाद मैं निम्नलिखित करने के लिए अपने आरंभिक क्लिक समारोह बदल दिया है:

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

और मैं बटन

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

निष्क्रिय करने के लिए निम्नलिखित सेट और इसे पुनः सक्षम करने के लिए:

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

Answer 2

Attr jQuery फ़ंक्शन का प्रयास करें।

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

परीक्षण कोड

<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

आप बटन को निष्क्रिय करने के क्रम में इनपुट बटन उल्लेख करने के लिए है,

कुछ की तरह नीचे

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

Answer 4

jQuery $.prop() का उपयोग कर बटन अक्षम करें कार्य:

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

क्लिक हैंडलर के लिए एक सशर्त जोड़े जाँच करने के लिए करता है, तो बटन अक्षम है:

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

पर बाद में बटन को पुन: सक्षम:

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

---

या आप हो सकता है यदि कोई फॉर्म शामिल है, तो क्लिक के बजाय सबमिट ईवेंट का उपयोग करने में सक्षम हो:

-

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