event.preventDefault() पहले क्लिक पर

Question

हटाएं यदि मेरे पास this fiddle में दिखाए गए वर्ग उपनव हैं तो डिफ़ॉल्ट एंकर अक्षम है।

मैं केवल पहले क्लिक के लिए यह अक्षम करना चाहता हूं तो मैं सामान्य एंकर कार्यक्षमता वापस लाया जाना चाहता हूं। इसे करने का बेहतरीन तरीका क्या है? मैंने नीचे दिए गए कोड को शामिल करने की कोशिश की लेकिन यह काम नहीं कर रहा था?

$(this).unbind(event.preventDefault()); 

शायद इस psuedo कोड की तरह कुछ हो सकता है?

if (click count === 0) { 
    event.preventDefault(); 
} 

या इससे संपर्क करने का एक बेहतर तरीका है?

Answer 1

काम आप पास कर सकते हैं falseone() होगा अच्छा है एक हैंडलर पास करना जो false लौटाता है, जो घटना के प्रसार को प्रभावी रूप से रोकता है और इसके डिफ़ॉल्ट व्यवहार को रोकता है।

यह bind() के लिए दस्तावेज में समझाया गया है:

jQuery में 1.4.3 आप अब किसी ईवेंट हैंडलर के स्थान पर false में पारित कर सकते हैं। यह एक इवेंट हैंडलर के बराबर होगा: function() { return false; }।

Answer 2

इवेंट हैंडलर को one()^docu के साथ बाध्य करें। यह एक बार निष्पादित करता है और बाद में स्वचालित रूप से अनबाइंड करता है।

$(".subnav a").one("click", function(event) { 
    event.preventDefault(); 
}); 

वैकल्पिक रूप से आप इसे सीधे कार्य में स्वयं को अनबाइंड कर सकते हैं।

$(".subnav a").one("click", false); 

हैंडलर के बजाय false पासिंग के बराबर है: यह है कि

$(".subnav a").bind("click.myclick", function(event) { 
    event.preventDefault(); 
    $(this).unbind(".myclick"); 
}); 

Answer 3

के लिए एक नाम स्थान का उपयोग करने के लिए इस के लिए आप

$("#elementid").bind("click", function(event) { 
    alert("This will be displayed only once."); 
    event.preventDefault(); 
    $(this).unbind(event); 
}); 

Answer 4

आप क्लिक हैंडलर में स्वयं को अनबिंड के रूप में सरल कुछ भी उपयोग कर सकते हैं।

कुछ

तरह

function stopEventOnce(event) { 
    event.preventDefault(); 
    $(this).unbind('click',stopEventOnce); 
    return false; 
} 
$(".subnav a").bind('click', stopEventOnce); 

Modified fiddle

Answer 5

यह अच्छी तरह से काम करता है। दूसरा क्लिक पृष्ठ पर जाता है ...

$(".smallNavigation > ul > li > a").click(function (e) { 

    $("ul.sub-menu").hide(); 
    $("ul.sub-menu", $(this).parent("li")).show(); 

    e.preventDefault(); 
    $(this).unbind(e); 

}