jQuery बूटस्ट्रैप: "टाइप एरर: 'अपरिभाषित' एक फ़ंक्शन नहीं है ('jQuery (' # myModal ') का मूल्यांकन करना। मॉडल (' छुपाएं ')'

Question

मेरे एप्लिकेशन में मैं AJAX के बाद मैन्युअल रूप से बूटस्ट्रैप मोडल दृश्य को बंद करना चाहता हूं अनुरोध समाप्त हो गया है। मैं कॉलबैक भीतर jQuery('#myModal').modal('hide'); फोन,

function(){          
    jQuery('#myModal').modal('hide'); 
} 

लेकिन मोडल दृश्य। मैं दोबारा जांच कर कि मैं बूटस्ट्रैप से पहले jQuery में शामिल हैं, छिपा हुआ नहीं होता है तो समस्या नहीं हो सकता।

मुझे हमेशा निम्न त्रुटि मिलती है:

TypeError: 'undefined' is not a function (evaluating 'jQuery('#myModal').modal('hide')') 

मोडल इस तरह दिखता है:

<!-- Modal --> 
<div aria-hidden="false" aria-labelledby="modalInviteFlatmateLabel" role="dialog" tabindex="-1" class="modal hide fade in" id="myModal"> 
    <form id="add-flatmate-form" action="/flatmates/show" method="post">  
    <div class="modal-header"> 
     <button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button> 
     <h3 id="modalInviteFlatmateLabel">Invite Flatmate</h3> 
    </div> 
    <div class="modal-body"> 
     <p> 
      Enter the mail address of your flatmate you want to invite. 
     </p><br /> 
     <input placeholder="E-Mail" class="input-block-level" name="AddFlatmateForm[email]" id="AddFlatmateForm_email" type="text" /> </div> 
    <div class="modal-footer"> 
     <input class="btn btn-primary" type="submit" name="yt0" value="Invite" id="yt0" />  <!--<button class="btn btn-primary">Invite</button>--> 
    </div> 
    </form> 
</div><!--#myModal--> 

अतिरिक्त जानकारी:

• jQuery संस्करण: 1.9.1,
• बूटस्ट्रैप संस्करण: 2.3.2

कोई भी विचार ?

Answer 1

देर हो चुकी है लेकिन मुझे आशा है कि इससे मदद मिलती है। सुनिश्चित करें कि आप अपनी कस्टम स्क्रिप्ट से पहले jQuery लाइब्रेरी समेत हैं, और फ़ायरबग के नेट टैब में कोई त्रुटि नहीं है (सुनिश्चित करें कि jQuery वास्तव में लोड हो जाता है)। फ़ायरबग और जब अपने वास्तविक कोड को जोड़ने के लिए तैयार आप anounymous समारोह के रूप में यह कॉल कर सकते हैं में अपने जावास्क्रिप्ट कोड का परीक्षण करें:

(function ($) { 
    $(document).ready(function(){ 
    //your code 
    ('# id of the modal element to close ').modal('hide') 
    }); 
//your code 
}(jQuery)); 

आप इस वीडियो link to tutorial जांच कर सकते हैं, मुझे लगता है कि वे एक अच्छा डिबगिंग प्रक्रिया का पर्दाफाश किया है।