jQuery href और onclick जुदाई

Question

मैं इस

<a id="id101" href="javascript:func1();" onclick="return func2();">Link</a> 

func2 सही या गलत रिटर्न की तरह कोड है। फिर, func1 केवल तभी कॉल किया जाता है जब function2 सत्य लौटाता है। सही ?

सीखने jQuery में, मुझे पता चला है कि onclick अच्छा नहीं है और मूल्यह्रास हुआ, तो मैं

<a id="id101" href="javascript:func1();">Link</a> 

jquery 
$("#id101").click(func2() { 
    //same stuffs from before which was in func2 
}); 

के कोड से ऊपर संशोधित अब, मेरी सवाल है:

के बाद क्लिक हैंडलर लिया जाता है की देखभाल, मैं जावास्क्रिप्ट के अंदर जावास्क्रिप्ट के साथ क्या कर सकता हूं? क्या मुझे func1 को func2 में jQuery में क्लिक करना चाहिए func2 के हैंडलर पर क्लिक करें, जब func2 के अंदर की स्थिति सच है? या क्या कुछ सुरुचिपूर्ण समाधान है?

इसके अलावा, एचटीएमएल और इवेंट कोड को अलग करना अच्छा है, लेकिन यहां आईडी id101 के साथ इस तत्व के साथ कई घटनाएं हो सकती हैं, और एक बड़ी फ़ाइल में, कई घटनाओं के साथ कई HTML तत्व हो सकते हैं। इसलिए, जब मेरे पास कई ईवेंट हैंडलर के साथ एक बड़ा पृष्ठ है, तो मैं बेहतर तरीके से कैसे जान सकता हूं कि कौन से एचटीएमएल तत्व में और कितने घटनाएं जुड़े हैं?

अधिक उपरोक्त प्रश्न के रूप में अनुरोध करने के लिए विवरण,

मैं मतलब id101 onclick हो सकता है, onmouseover, onmouseout और कई अन्य तरह की घटनाओं। ऐसे कई ईवेंट हैंडलर के साथ ऐसे कई तत्व हो सकते हैं। मैं उन्हें बेहतर कैसे खोज सकता हूं? पुरानी शैली में, इस तरह के सभी ईवेंट हैंडलर सभी को एक साथ रखा गया है, जैसे

<a id="id101" href="javascript:func1();" onclick="return func2();">Link</a>।

मैं यह नहीं कह रहा कि यह अच्छा है, लेकिन कम से कम मैं देख सकता हूं कि यह इस घटना पर है। लेकिन अब जब jquery फ़ाइल में इसे विभाजित करते हैं, तो मुझे id101 के लिए पहली बार इस jquery फ़ाइल को खोजना होगा और फिर इसके साथ जुड़े ईवेंट की जांच करनी होगी, जो HTML तत्वों के साथ समस्या हो सकती है जिसमें कई तत्व और संबंधित ईवेंट हैंडलर हैं। क्या उस जानकारी को खोजने का कोई बेहतर तरीका है?

Answer 1

हां, मैं आपको func2 के अंदर func1 लिखने की सलाह देता हूं। HTML:

<a id="id101" href="#" >Link</a> 

jQuery

$("#id101").click(func2() { 
    var status = false; 
    //func2 goes here and modifies status value. 
    if (status) { 
     // func1 goes here 
    } else { 
     // in case if status is false. 
    } 

}); 

इसके अलावा मैं क्या आप अपने प्रश्न के दूसरे भाग में मतलब नहीं मिला, आप कृपया अधिक विशिष्ट हो सकता है।

Answer 2

सबसे अच्छा मैं आपको बता सकता हूं कि यह "सुगंधित" कोड है - आप इस तरह की जगह पर अपने जावास्क्रिप्ट को नहीं चाहते हैं। मैं आपको कुछ jQuery बुनियादी सिद्धांतों को सीखने और वहां से आगे बढ़ने के लिए कुछ और घंटे बिताने की सलाह दूंगा। मुझे पता है कि यह निराशाजनक हो सकता है, खासकर अगर आप विरासत जावास्क्रिप्ट के साथ काम कर रहे हैं।

Answer 3

यदि मैं सही ढंग से समझता हूं, तो आप इनलाइन जावास्क्रिप्ट से बचना चाहते हैं, लेकिन आप a पर नज़र डालने में सक्षम होना चाहते हैं और जानते हैं कि इसमें कोई घटना है या नहीं। दुर्भाग्यवश, इसे इंगित करने का एक स्वीकार्य तरीका नहीं है, क्योंकि इनलाइन जावास्क्रिप्ट खराब समाचार है। शायद आप अपने भविष्य की पठनीयता की सहायता के लिए अपने तत्व को एक डमी क्लास दे सकते हैं। इसके अलावा, पूरे func1 और func2 चीज़ को भूलें। बस अपने क्लिक बाइंडिंग के अंदर एक अनाम फ़ंक्शन का उपयोग करें।

<a id="some_id" class="optional_has_click">Click Me</a> 

<script type="text/javascript"> 
    $(document).ready(function(){ 

    $("#some_id").click(function(){ 

     // do something 
     alert($(this).attr("id")); 

    }); 

    }); 
</script> 

संपादित करें: इसके अलावा, href हटाने, विज़ुअल संकेत निकाल देंगे ताकि आप उसे a की तरह लग रहे बनाने के लिए अपने डमी क्लास का उपयोग कर सकते हैं।

यहाँ आप के लिए एक बेला है: http://jsfiddle.net/zzTSt/1/