href = "#" पृष्ठ के शीर्ष पर जा रहे हैं - रोकें?

Question

मेरे पास कुछ jQuery फ़ंक्शंस वाला एक पृष्ठ है। जब मैं खोलें बटन एक छिपा पैनल बाहर स्लाइड पर क्लिक करें

<a href="#" class="service">Open</a> 

: इस पृष्ठ के HTML इसलिए तरह दिखता है। JQuery स्वयं बहुत अच्छा काम करता है हालांकि जब मैं बटन पर क्लिक करता हूं तो यह मुझे पृष्ठ के शीर्ष पर भी ले जाता है।

क्या यह अपमानजनक व्यवहार है और मैं पृष्ठ के शीर्ष पर जाने से प्रत्येक href="#" को कैसे रोकूं।

नोट: मैं आईडी जोड़ सकता हूं और उस आईडी को निर्देशित करने के लिए href को बता सकता हूं। मैं इसे विभिन्न कारणों से नहीं करना चाहता (अनावश्यक कोड जोड़कर)।

Answer 1

अपने ईवेंट हैंडलर में, जोड़ने e.preventDefault(); (यह मानते हुए e घटना पकड़े चर का नाम है):

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

Answer 2

<a href="#" onclick="return false;" class="service">Open</a> 

या

$(document).ready(function() 
{ 
    var a = $(".service"); 
    a.click(function() 
    { 

     return false; 

    }); 
}); 

या

$(document).ready(function() 
{ 
    var a = $(".service"); 
    a.click(function(e) 
    { 

     e.preventDefault(); 

    }); 
}); 

या

<a href="#" onclick="event.preventDefault();" class="service">Open</a> 

Answer 3

$('service').click(function() { 
<your code> 
return false; 
}); 

return false 'एक' टैग के मानक व्यवहार को ओवरराइड करता है और जब क्लिक पेज के शीर्ष की ओर लौटने ब्राउज़र बंद हो जाता है।

Answer 4

<a href="#!" class="service">Open</a>