एक jQuery UI संवाद पॉप अप करते समय मैं पृष्ठ के शीर्ष पर स्क्रॉलिंग को कैसे रोकूं?

Question

मैं वर्तमान में क्लाइंट पर एक बड़ी तालिका बनाने के लिए jTemplates का उपयोग करता हूं, प्रत्येक पंक्ति में एक बटन होता है जो एक jQuery UI संवाद खोल देगा। हालांकि, जब मैं पृष्ठ को स्क्रॉल करता हूं और उन बटनों में से किसी एक पर क्लिक करता हूं, तो jQuery संवाद खुल जाएगा, लेकिन स्क्रॉल स्थिति खो जाती है और पृष्ठ शीर्ष पर वापस जाता है (अवरुद्ध करने और स्क्रीन से दिखाए जाने वाले वास्तविक संवाद के साथ)। क्या किसी ने देखा है या पता है कि इस समस्या का कारण क्या हो सकता है?

धन्यवाद।

Answer 1

क्या आप संवाद को पॉप करने वाले "बटन" को लागू करने के लिए एंकर टैग का उपयोग कर रहे हैं? यदि ऐसा है, तो आप क्लिक हैंडलर चाहते हैं जो झूठी वापसी के लिए संवाद खोलता है ताकि एंकर टैग की डिफ़ॉल्ट कार्रवाई न हो। यदि आप एक बटन का उपयोग कर रहे हैं, तो आपको यह सुनिश्चित करने की भी आवश्यकता होगी कि यह सबमिट नहीं करता है (हैंडलर से झूठी लौटकर) और पृष्ठ को पूरी तरह रीफ्रेश करें।

उदाहरण के लिए,

$('a.closeButton').click(function() { 
    $('#dialog').dialog('open'); 
    return false; 
}); 


<a class='closeButton'>Close</a> 

Answer 2

परिवर्तन इस

$('a.closeButton').click(function(e) { 
    e.preventDefault(); 
    $('#dialog').dialog('open'); 
}); 

Answer 3

की तरह अपने कोड आप कोशिश कर सकते हैं:

scrollTo(0, jQuery("body")); 

Answer 4

अपने बटन href="#" साथ एक HTML एंकर टैग के साथ काम करते हैं की जगह उदाहरण के लिए href href="javascript:;" या किसी भी अन्य विधि जिसे आप अक्षम करने के लिए उपयोग करते हैं href। स्क्रॉलिंग का कारण यह है कि href="#" आपके पृष्ठ के शीर्ष पर स्क्रॉल होता है।