JQuery accordion - अनइंड क्लिक इवेंट

Question

मैं JQuery के accordion module का उपयोग कर एक फॉर्म विज़ार्ड लिख रहा हूं। समस्या यह है कि मैं accordion मेनू पर किसी भी माउस क्लिक को ओवरराइड करना चाहता हूं ताकि accordion अगले अनुभाग को दिखाए जाने से पहले फ़ॉर्म को पहले सत्यापित किया जा सके।

$('#accordion h3').unbind(); 

$('#accordion h3').click(function() { 
    if (validate()) 
    { 
    $("#accordion").accordion('activate', 2); 
    }else 
    { 
    alert("invalid form"); 
    } 
} 

लेकिन इसके बाद के संस्करण कोड काम नहीं करता:

मैं निम्नलिखित की कोशिश की है। Accordion की अंतर्निहित क्लिक घटना अभी भी कॉल हो जाती है और accordion अगले खंड को दिखाता है चाहे यह फ़ॉर्म वैध है या नहीं।

$('#accordion h3').click(function(event) { 
    if (validate()) 
    { 
    $("#accordion").accordion('activate', 2); 
    }else 
    { 
    alert("invalid form"); 
    }   
    event.stopPropagation(); 
}); 

लेकिन stopPropagation() कॉल बिल्कुल अकॉर्डियन व्यवहार को प्रभावित प्रतीत नहीं होता है, तो अगले अनुभाग या नहीं, विधि मान्य प्रदर्शित होता है:

मैं भी निम्न कोड की कोशिश की है।

कोई विचार क्या मैं गलत कर रहा हूं?

धन्यवाद!

Answer 1

ठीक है, इस समारोह को कोड करने से ब्रेक लिया और आंखों की एक नई जोड़ी के साथ वापस आ गया है।

$("#accordion").accordion({event: false}); 

जोड़ा जा रहा है घटना: डिफ़ॉल्ट क्रिया को क्रियान्वित करने से अकॉर्डियन मेनू पर माउस क्लिक कर पाएगा अकॉर्डियन intitialization कोड को झूठा और फिर मैं कस्टम लिख सकते हैं सत्यापित करें() फ़ंक्शन जब चलाने के लिए कोड से निपटने के लिए क्लिक करें यहाँ समाधान है उपयोगकर्ता मेनू पर क्लिक करता है, अनिवार्य रूप से एग्रीजन के अंतर्निर्मित क्लिक फ़ंक्शन को ओवरराइड करता है यदि फ़ॉर्म सत्यापन जांच में विफल रहता है।

बीटीडब्ल्यू, मैं यहां JQuery UI के accordion मॉड्यूल का उपयोग कर रहा हूं। ie7,8, क्रोम 19 के साथ

काम करता है, एफएफ 3.0.3

Answer 2

event.stopPropogation() इवेंट लक्ष्य के साथ पंजीकृत ईवेंट हैंडलर को कॉल करने से रोकता नहीं है, तो यह event.bubbles सत्य होने पर घटना को डीओएम को बुलबुले करने से रोकता है। आप इवेंट हैंडलर false पर लौटने या event.preventDefault() पर कॉल करने का प्रयास कर सकते हैं, अधिक जानकारी के लिए here या here देखें।

Answer 3

स्रोत कोड से निर्णय लेना, घटना एच 3 के लिए बाध्य नहीं है, लेकिन आस-पास के कंटेनर (प्लगइन ईवेंट प्रतिनिधिमंडल का उपयोग करता है)। इसके अलावा, हैंडलर click से बाध्य नहीं है, लेकिन click.ui-accordion पर है। तो कोशिश करें:

$('#accordion').unbind('click.ui-accordion'); 

और केवल रिकॉर्ड के लिए: "JQuery के accordion मॉड्यूल" जैसी कोई चीज़ नहीं है (कम से कम अभी तक नहीं)। JQuery के लिए केवल कई accordion प्लगइन्स हैं।

Answer 4

आप नीचे दिए गए कोड तैयार समारोह के तल पर एक साथ लिखने के लिए है:

$('#accordion h3').unbind('click'); 
$('#accordion a').unbind('click');