jquery code कंसोल पर काम करता है लेकिन स्क्रिप्ट टैग में या संलग्न जेएस फ़ाइल में नहीं

Question

$(".filter-close").click(function(){ 
    $(this).parent().remove(); 

}); 

यह स्निपेट कंसोल में काम करता है लेकिन न तो स्क्रिप्ट टैग में और न ही संलग्न जेएस फ़ाइल में।

Answer 1

डोम के लिए प्रतीक्षा करें जब आपके ईवेंट हैंडलर बुला तैयार होने के लिए:

jQuery(function($) { // this does the trick and also makes sure jQuery is not conflicting with another library 
    $(".filter-close").click(function(){ 
     $(this).parent().remove(); 
    }); 
}); 

^{एक और JavaScript लाइब्रेरी का उपयोग करते हैं, हम $ .noConflict() कॉल करने के लिए नाम स्थान कठिनाइयों से बचने के लिए कर सकते हैं। जब इस फ़ंक्शन को कॉल किया जाता है, तो $ शॉर्टकट अब उपलब्ध नहीं होता है, हर बार जब हम सामान्य रूप से $ लिखते हैं तो हमें jQuery लिखने के लिए मजबूर किया जाता है। हालांकि, हैंडलर .ready() विधि को पारित किया गया एक तर्क ले सकता है, जो वैश्विक jQuery ऑब्जेक्ट को पारित कर दिया गया है। इसका मतलब यह है कि हम अन्य कोड}

^{Documentation for .ready() method को प्रभावित किए बिना हमारे .ready() हैंडलर के संदर्भ में वस्तु का नाम बदल सकते}

Answer 2

शायद इस समारोह को कॉल करते समय filter-close कक्षा के साथ तत्व डीओएम में मौजूद नहीं है। मुझे लगता है कि आप गतिशील रूप से डोम में तत्व जोड़ रहे हैं। क्या आप?

Answer 3

ईवेंट हैंडलर संलग्न होने पर डीओएम में उपस्थित होने का मुद्दा हो सकता है।

कुछ इस तरह का प्रयास करें:

$(document).ready(function() { 
    // Handler for .ready() called. 

    $(".filter-close").click(function(){ 
     $(this).parent().remove(); 

    }); 

}); 

$ .ready() (नीचे दिए गए लिंक) सुनिश्चित करता है कि यह पहले डोम, प्रदान की गई है OnLoad के समान हैंडलर जोड़ने के लिए कोड को कॉल करने की कोशिश नहीं करता है।

^{Documentation for JQuery .ready() method}

भी संभावित पुस्तकालय संघर्ष कर रहे हैं (@ है कि उदाहरण के लिए D4V1D उत्तर देखें), लेकिन हम नहीं कर सकते और आदर्श जानते हुए भी क्या त्रुटि संदेश के बिना निश्चित रूप से कह कंसोल में दिखाई दे रहा है (यदि हो तो) आसपास के कोड के बारे में अधिक जानकारी।

कृपया एफ 12 दबाएं और देखें कि कंसोल और/या नेटवर्क पैनल में क्या मुद्रित किया जा रहा है, या Google "ब्राउज़र नाम देव कंसोल" अगर F12 कुछ भी नहीं करता है।

लेकिन, जैसा कि कहा कि यह कंसोल में काम करता है, तो मैं आप डेव कंसोल मतलब मान लेते हैं और यह वास्तव में सिर्फ एक समय मुद्दा है, इसलिए संभावना नहीं एक संघर्ष है कि (हालांकि अभी भी हो सकता है सिंटेक्स त्रुटि कहीं पेज पर सब)