jquery

Question

का उपयोग कर एंकर टैग के डिफ़ॉल्ट व्यवहार को ओवरराइड करना मैं एक एंकर टैग के डिफ़ॉल्ट व्यवहार को ओवरराइड करने का प्रयास कर रहा हूं, इसलिए मैं अपने सर्वर पर किसी नए टैब या विंडो के बजाय एक्सिसिटिंग div में एक वेब पेज में लोड कर सकता हूं।

अब तक मेरे पास है:

myContainer.click(function(){     
        event.preventDefault(); 
        $('a').click(function(){ 
         var link = $(this).attr('href'); 
         myContainer.load(link); 
        }); 
      }); 

क्रोम में मैं लिंक पर क्लिक करने से पहले दो बार यह एक एफएफ यह सब पर काम नहीं करता IE में कुछ भी करता है, और नई लिंक के साथ पेज ताज़ा करता है।

किसी भी मदद की बहुत सराहना की जाती है।

myContainer.click(function(event){ 
event.preventDefault(); 
$('a').click(function(){ var link = $(this).attr('href'); 
myContainer.load(link); 
}); 
}); 

कोशिश उन्हें पुन: व्यवस्थित करने के लिए::

myContainer.ready(function(){ 
    $('a').click(function(event){ 
    event.preventDefault(); 
    var link = $(this).attr('href'); 
    myContainer.load(link); 
    }); 
    }); 

Answer 1

यह हो नहीं करना चाहिए बस:

$('a').click(function(e) { 
    e.preventDefault(); 
    myContainer.load(this.href); 
}); 

आपका कोड एक क्लिक हैंडलर प्रदान करती है

Answer 2

आप घटना में पारित करने के लिए भूल गया एक क्लिक हैंडलर के अंदर। तो पहले क्लिक क्लिक हैंडलर को लिंक पर संलग्न करेगा, और दूसरा क्लिक करें (लिंक पर) नए क्लिक हैंडलर को निष्पादित करेगा।

ऐसा लगता है कि आपको केवल एक हैंडलर क्लिक करें। जबाब, अपने IE और एफएफ के लिए समस्या का समाधान होने

myContainer.on('click', 'a', function(e) { 
    e.preventDefault(); 
    myContainer.load(this.href); 
}); 

// or 

$(document).on('click', 'a', function(e) { 
    e.preventDefault(); 
    myContainer.load(this.href); 
});