hvordan kan jeg gjøre mitt javascript arbeid med wp_enqueue_script?

stemmer
0

Jeg har lastet ned et gratis HTML5 tema, som jeg prøver å tilpasse det til Wordpress. CSS fungerer fint, men ikke javascript.

Jeg har i utgangspunktet prøvd alt, men ingen av det fungerer. Javascript ser ut til å være lasting, som jeg kan loggføre hvert js fil i konsollen, men ingen av de forventede atferd skje (rulling, for eksempel). Problemet er at javascript er ikke min, så jeg forstår ikke helt hvordan det fungerer. Men på den opprinnelige HTML5 tema, alt fungerer fint, så det bør også arbeide med Wordpress.

Jeg legger i 6 script-filer i functions.php, alle av dem i bunnteksten. De legger i riktig rekkefølge (jeg logger dem i konsollen):

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

Dette er min front-page.php filen:

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

Når du klikker på Neste, er det ment å rulle, men det betyr ikke, det bare går til ankeret, uten å rulle.

Publisert på 09/10/2019 klokken 12:53
kilden bruker
På andre språk...                            


2 svar

stemmer
0

Du er faktisk å legge til to jQuery filer. Første fil tilsettes ved enqueue funksjon som vist nedenfor.

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

Andre wordpress builtin JQuery fil legges fordi man har gitt avhengighet som 'jquery' i tredje parameter (array ( 'jquery')) av enqueue funksjon.

Løsning

Bare legge filen fil, ved å nevne avhengighet eller ved å legge til js filen manuelt.

I tillegg, ring enqueue funksjon som vist nedenfor.

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

Første parameteren er håndtaket på js fil, er andre vei, 3. id avhengighet, er fjerde versjon og femte er været du ønsker å legge til skript i bunnteksten. Siste parameter godtar bare sant / usant verdi.

Sørg for at du allerede har plassert alle skript filer inni root / wp-content / themes / THEME_NAME / js / katalog.

Svarte 09/10/2019 kl. 13:24
kilden bruker

stemmer
0

Prøv følgende kode:

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') er dependancy at du kan sette opp ditt behov. '1.0.0' er den versjonen som du kan enten la stå tomt, eller du kan skrive din egen versjon

Også dobbeltsjekke hvis footer har wp_footer();før du lukker </body>tag

Jeg har fjernet jquery.min.js første linjen som allerede er inkludert av WP. Hvis ikke inkludert du trenger bare å nevne avhengighet mens du Enqueue script.

Svarte 09/10/2019 kl. 13:22
kilden bruker

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