मैं एक HTML पृष्ठ को लोड करने के लिए JQuery प्राप्त करने के साथ कुछ झरझरा रहा हूँ। मैं इस पृष्ठ को लोड करने के लिए JQuery का उपयोग करता हूं vvv
<a class="codaw" href="#"><img id="codawx_img" src="/images/img/codawx.png" alt="Call of Duty:Advanced Warfare" style="height:150px;"></a>
<script>
$("a.codaw").on("click", function(e){
e.preventDefault();
$("#container").remove();
$("#content").load("second.html"+"#content").hide().fadeIn("slow");
});
</script>
और वह पेज ठीक लोड होता है, लेकिन ^ ^ ^ jquery फंक्शन दूसरे एचटीएमएल कंटेंट को लोड नहीं करता है, यह सिर्फ href लोड करता है।
मैं यह नहीं जानता कि मैं यहां क्या गलत कर रहा हूं अगर कोई कृपया कुछ ज्ञान साझा कर सकता है तो मैं आभारी रहूंगा।
उत्तर:
उत्तर № 1 के लिए 1आपको इवेंट डेलिगेशन की आवश्यकता हो सकती है। इसे इस्तेमाल करे:
<script>
$(function(){
$(document).on("click", "a.codaw", function(e){
e.preventDefault();
$("#container").remove();
$("#content").load("second.html"+"#content").hide().fadeIn("slow");
});
});
</script>
संदर्भ:
http://davidwalsh.name/event-delegate