hoe kan ik mijn javascript werken met wp_enqueue_script?

stemmen
0

Ik heb een gratis HTML5 thema gedownload, dat ik probeer aan te passen aan Wordpress. De CSS werkt boete, maar niet de javascript.

Ik heb eigenlijk alles geprobeerd, maar niets van het werkt. De javascript lijkt te laden, zoals ik kan inloggen elke js bestand in de console, maar geen van de verwachte gedrag gebeuren (scrollen, bijvoorbeeld). Probleem is dat de javascript is niet van mij, dus ik begrijp werkelijk niet hoe het werkt. Maar op de originele HTML5 thema, alles werkt prima, dus het zou ook moeten werken met Wordpress.

Ik ben het laden van 6 script bestanden in functions.php, allemaal in de voettekst. Laden ze in de juiste volgorde (log ik ze in de console):

  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');

Dit is mijn front-page.php file:

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

Wanneer met Next, het is bedoeld om te scrollen, maar het hoeft niet, het gaat gewoon om het anker, zonder te scrollen.

De vraag is gesteld op 09/10/2019 om 12:53
bron van user
In andere talen...                            


2 antwoorden

stemmen
0

Voegt u in feite twee JQuery bestanden. Eerste bestand wordt toegevoegd door een rij geplaatste functie hieronder weergegeven.

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

Tweede wordpress ingebouwde JQuery bestand wordt toegevoegd omdat u afhankelijkheid als 'jquery' in derde parameter (array ( 'jquery')) van enqueue functie hebben gegeven.

Oplossing

Voeg alleen file-bestand, door het noemen van afhankelijkheid of door het toevoegen van uw js handmatig verwijderen.

Bovendien roepen rij geplaatste functie hieronder weergegeven.

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

Eerste parameter is handvat van js bestand, 2e is weg, 3e id afhankelijkheid, 4e is versie en 5e is weer dat u wilt scripts in voettekst toe te voegen. Laatste parameter accepteert alleen true / false waarde.

Zorg ervoor dat u reeds al uw scripts bestanden hebt geplaatst in uw root / wp-content / themes / thema_naam / js / directory.

antwoordde op 09/10/2019 om 13:24
bron van user

stemmen
0

Probeer volgende code:

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);
}

array ( 'jquery') is de afhankelijkheid die u upto uw behoefte kunt instellen. '1.0.0' is de versie die je kan ofwel leeg laten of u kunt uw eigen versie te schrijven

Ook dubbel te controleren als uw footer heeft wp_footer();voordat je dicht </body>tag

Ik heb jquery.min.js eerste regel die al is opgenomen door WP verwijderd. Als niet inbegrepen je hoeft alleen maar om de afhankelijkheid te noemen terwijl je script de wachtrij.

antwoordde op 09/10/2019 om 13:22
bron van user

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