कैसे मैं wp_enqueue_script के साथ मेरी जावास्क्रिप्ट काम कर सकते हैं?

वोट
0

मैं एक नि: शुल्क एचटीएमएल 5 विषय डाउनलोड किया है, कि मैं Wordpress के लिए यह अनुकूल करने के लिए कोशिश कर रहा हूँ। सीएसएस ठीक काम कर रहा है, लेकिन नहीं जावास्क्रिप्ट है।

मैं मूल रूप से सब कुछ कोशिश की है, लेकिन यह से कोई भी काम करता है। जावास्क्रिप्ट, लोड हो रहा है होने के लिए के रूप में मैं हर कंसोल में फ़ाइल जे एस लॉग इन कर सकते हैं, लेकिन उम्मीद व्यवहार से कोई भी हो (स्क्रॉल, उदाहरण के लिए) लगता है। समस्या यह है कि जावास्क्रिप्ट मेरा नहीं है, इसलिए मैं वास्तव में समझ में नहीं आता कि यह कैसे काम करता है। लेकिन मूल एचटीएमएल 5 विषय पर, सब कुछ ठीक काम करता है, तो यह भी Wordpress के साथ काम करना चाहिए।

मैं पाद लेख में, functions.php में 6 स्क्रिप्ट फ़ाइलें लोड हो रहा हूँ उन सभी को। वे सही क्रम (मैं उन्हें कंसोल में लॉग इन करें) में लोड:

  wp_enqueue_script('jquery.min', get_template_directory_uri() . '/js/jquery.min.js',$in_footer = true);
  wp_enqueue_script('scrolly', get_template_directory_uri() . '/js/jquery.scrolly.min.js', $in_footer = true);
  wp_enqueue_script('browser', get_template_directory_uri() . '/js/browser.min.js', $in_footer = true);
  wp_enqueue_script('breakpoints', get_template_directory_uri() . '/js/breakpoints.min.js', $in_footer = true);
  wp_enqueue_script('util', get_template_directory_uri() . '/js/util.js', $in_footer = true);
  wp_enqueue_script('main', get_template_directory_uri() . '/js/main.js',$in_footer = true);
}


add_action('wp_enqueue_scripts', 'paradigm_scripts');

यह मेरा सामने page.php फ़ाइल है:

<ul class=actions>
   <li>
      <a href=#first class=arrow scrolly><span class=label>Next</span></a>
   </li>
</ul>

जब अगला पर क्लिक करके, यह स्क्रॉल करने के लिए होती है, लेकिन यह नहीं है, यह सिर्फ लंगर के लिए, स्क्रॉल किए बिना चला जाता है।

09/10/2019 को 12:53
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


2 जवाब

वोट
0

आप वास्तव में दो JQuery फ़ाइलें जोड़ रहे हैं। जैसा कि नीचे दिखाया पहले फ़ाइल को कतारबद्ध समारोह से जोड़ा जाता है।

wp_enqueue_script('jquery.min', get_template_directory_uri() . '/js/jquery.min.js',$in_footer = true);

दूसरा वर्डप्रेस builtin JQuery फ़ाइल जोड़ी है क्योंकि आप को कतारबद्ध समारोह के तीसरे पैरामीटर में 'jQuery' (सरणी ( 'jQuery')) के रूप में निर्भरता दे दिया है है।

उपाय

केवल, फ़ाइल फ़ाइल जोड़ने निर्भरता उल्लेख करते हुए या अपने js मैन्युअल फ़ाइल को जोड़कर।

इसके अलावा, को कतारबद्ध समारोह के रूप में नीचे दिखाया गया है कहते हैं।

 wp_enqueue_script('scrolly', get_template_directory_uri() . '/js/jquery.scrolly.min.js',array('jquery'),'',true);

सबसे पहले पैरामीटर js फ़ाइल के हत्थे है, 2 पथ, 3 आईडी निर्भरता है, 4 संस्करण है और 5 वीं मौसम आप पाद लेख में स्क्रिप्ट जोड़ना चाहते है। अंतिम पैरामीटर केवल सही / गलत मूल्य स्वीकार करता है।

सुनिश्चित करें कि आप पहले से ही अपने जड़ / wp- सामग्री / विषयों / THEME_NAME / js / निर्देशिका के अंदर अपने सभी लिपियों फ़ाइलें रखा है सुनिश्चित करें।

09/10/2019 को 13:24
का स्रोत उपयोगकर्ता

वोट
0

कोड निम्नलिखित का प्रयास करें:

function paradigm_scripts(){
    wp_enqueue_script('scrolly', get_template_directory_uri() . '/js/jquery.scrolly.min.js',array( 'jquery' ), '1.0.0' true);
    wp_enqueue_script('browser', get_template_directory_uri() . '/js/browser.min.js',array( 'jquery' ), '1.0.0' true);
    wp_enqueue_script('breakpoints', get_template_directory_uri() . '/js/breakpoints.min.js',array( 'jquery' ), '1.0.0' true);
    wp_enqueue_script('util', get_template_directory_uri() . '/js/util.js',array( 'jquery' ), '1.0.0' true);
    wp_enqueue_script('main', get_template_directory_uri() . '/js/main.js', array( 'jquery' ), '1.0.0' true);
}

सरणी ( 'jQuery') dependancy आप अपनी जरूरत तक सेट कर सकते हैं। '1.0.0' संस्करण है कि आप या तो खाली छोड़ सकते हैं या आप अपने स्वयं संस्करण लिख सकते हैं

इसके अलावा दोहरी जांच आपके पाद लेख है, तो wp_footer();इससे पहले कि आप करीब </body>टैग

मैं jquery.min.js पहली पंक्ति जो पहले से ही WP द्वारा शामिल किया गया है हटा दिया है। तो शामिल नहीं तुम सिर्फ निर्भरता का उल्लेख करते हुए आप स्क्रिप्ट enqueue की जरूरत है।

09/10/2019 को 13:22
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more