jQuery .preventDefault();

Question

मैं एक 2 jQuery एक scripts- इससे पहले कि मैं .preventDefault जोड़ा है, और एक ही स्क्रिप्ट की एक प्रति के बाद मैं .preventDefault गयी। jQuery प्रारंभिक में काम करता है, लेकिन नहीं मैं .preventDefault()

प्रारंभिक स्क्रिप्ट काम करता है

$(window).load(function(){ 
     $(document).ready(function(){ 
     $("span[id$='_ff5_1']").each(function() { //returns a collection of elements that must be iterated through using each 
      if ($(this).text() == "Yes") { //test value returned from non-input field 
       clearID(); 
       $("tr.anon").hide(); 
      } else { 
       $("tr.anon").show(); 
      } 
     }); 
     if ($("select[title='action']").val() == "") { 
      $("tr.actDet").hide();  
     } 
     $("select[title='organizationalElement']").focusout(function() {   
      if ($(this).val() === "I don\'t know") {    
      alert("If no organizational element is selected, additional time may be required to route this request");   
      } // close if  
      $("select[title='action']").change(function(){   
       $(".actDet").toggle($(this).val()!= "");  
      }); // close action.change 
     });//close select.focusout 
     }); // close doc.ready 
    }); // close window.load 

स्क्रिप्ट वह काम नहीं करता ...

$(window).load(function(){ 
    $(document).ready(function(){ 
    $("span[id$='_ff5_1']").each(function() { //returns a collection of elements that must be iterated through using each 
     if ($(this).text() == "Yes") { //test value returned from non-input field 
      clearID(); 
      $("tr.anon").hide(); 
     } else { 
      $("tr.anon").show(); 
     } 
    }); 
    if ($("select[title='action']").val() == "") { 
     $("tr.actDet").hide();  
    } 
    $("select[title='organizationalElement']").focusout(function() {   
     if ($(this).val() !== "I don\'t know") { 
     $(this).preventDefault(); 
     } else {    
     alert("If no organizational element is selected, additional time may be required to route this request");   
     } // close if  
     $("select[title='action']").change(function(){   
      $(".actDet").toggle($(this).val()!= "");  
     }); // close action.change 
    });//close select.focusout-- close edit record stuff 
    }); // close doc.ready 
}); // close window.load 

केवल परिवर्तन जोड़ने के बाद मैंने बनाया प्रारंभिक है अगर कथन एक/अन्य है जो .preventDefault() को कॉल करता है। पहली लिपि महान काम करती है, लेकिन दूसरी लिपि विफल हो जाती है। क्यूं कर? मैं .preventDefault() विधि फोन कर रहा हूँ अगर organizationalElement का मूल्य एक मौजूदा रिकॉर्ड पर IDK है।

@Andrew: आपके संपादन के स्पष्ट करने के लिए ... मैं करने के लिए मेरी स्क्रिप्ट को संशोधित करना चाहिए: ...

if ($(this).val() !== "I don\'t know") { 
    $(this).click(function(e) { e.preventDefault(); }); 
    } else {    
    alert("If no organizational element is selected, additional time may be required to route this request");   
    } // close if 

... b/c मैं ध्यान दिया taht इसे सही ढंग से काम करेंगे अगर मैं बदल $ (this) .preventDefault(); e.preventDefault();

आप शायद यह कैसे लिखने के लिए अगर मैं $ करने के लिए विधि संलग्न करने के लिए (यह) वस्तु के रूप में मैं मूल रूप से यह लिखा था इच्छा दिखाने की कोशिश कर रहे हैं?

Answer 1

आप बस संपूर्णता के लिए this

$("select[title='organizationalElement']").focusout(function(e) {   
    if ($(this).val() !== "I don\'t know") { 
    e.preventDefault(); 
    } 
}); 

---

घटना वस्तु पर preventDefault कॉल करने के लिए, नहीं, ध्यान दें कि preventDefault की डिफ़ॉल्ट कार्रवाई रोकता चाहते इस तत्व-नेविगेट के मूल्य के पेज एक लंगर के लिए href विशेषता, उदाहरण के लिए (मैं नहीं यकीन है कि क्या डिफ़ॉल्ट कार्रवाई के कुछ चुने हुए focusout के लिए है हूँ, या एक अगर वहाँ भी है)। preventDefaultनहीं बुदबुदाती रोकने नहीं करता है।

यदि आपको बुलबुले के बारे में परवाह है- और मैं यह नहीं कह रहा हूं कि आपको जरूरी रूप से एक jQuery ईवेंट हैंडलर से झूठ लौटना चाहिए, तो दोनों डिफ़ॉल्ट कार्रवाई को रोक देंगे, और बुलबुले को रोक देंगे।

Answer 2

preventDefault() समारोह घटना के साथ जुड़ा हुआ है। क्या आपको बुला किया जाना चाहिए:

$('selector').click(function(e) { e.preventDefault(); }); 

आप में के बारे में अधिक पढ़ सकते हैं:

e.preventDefault(); 

संपादित अपनी टिप्पणी के आधार पर स्पष्ट करने के लिए, आप समारोह कॉल में एक चर के रूप में e जोड़ने की जरूरत jQuery preventDefault पृष्ठ पर।

Answer 3

preventDefault विधि ईवेंट ऑब्जेक्ट पर लागू किया जाना चाहिए, डीओएम ऑब्जेक्ट को नहीं, जैसा कि आप कर रहे हैं।

आपका कोड होना चाहिए:

$("select[title='organizationalElement']").focusout(function(e) {   
     if ($(this).val() !== "I don\'t know") { 
     e.preventDefault(); 
     } else {    
     alert("If no organizational element is selected, additional time may be required to route this request");   
     } // close if  
     $("select[title='action']").change(function(){   
      $(".actDet").toggle($(this).val()!= "");  
     }); // close action.change 
    });//close select.focusout-- close edit record stuff 

मुझे पता है कि अगर मदद करता है!