cum pot face ca munca mea javascript cu wp_enqueue_script?

voturi
0

Am descarcat o temă liberă HTML5, pe care am încercat să-l adapteze la Wordpress. CSS funcționează bine, dar nu și JavaScript.

Am încercat practic totul, dar nici unul din ea funcționează. Javascript pare a fi de încărcare, așa cum am putea înregistra fiecare Js fișier în consolă, dar nici unul dintre comportamentele așteptate se întâmplă (defilare, de exemplu). Problema este că JavaScript nu este a mea, așa că nu înțeleg cu adevărat cum funcționează. Dar, pe tema originală HTML5, totul funcționează bine, așa că, de asemenea, ar trebui să funcționeze cu Wordpress.

Sunt de încărcare 6 fișiere script în functions.php, toate acestea în subsol. Se încarcă în ordinea corectă (le-am log în consolă):

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

Acesta este dosarul meu față-page.php:

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

Când faceți clic pe Next, este menit pentru a defila, dar nu, doar merge la ancora, fără a derula.

Întrebat 09/10/2019 la 12:53
sursa de către utilizator
În alte limbi...                            


2 răspunsuri

voturi
0

De fapt tu adăugarea a două fișiere JQuery. Primul fișier este adăugat prin funcția așa cum se arată mai jos Puneți în coadă.

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

În al doilea rând WordPress builtin fișier JQuery este adăugat pentru că ați dat dependență ca „jquery“ în al treilea parametru (array ( „jquery“)) a funcției Puneți în coadă.

Soluţie

Adăugați numai fișier, menționând dependență sau prin adăugarea de fișiere js manual.

În plus, apelați funcția așa cum se arată Puneți în coadă mai jos.

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

Primul parametru este mâner de fișier js, 2-a este calea, id-ul treia dependență, 4 este versiunea si 5 este vreme pe care doriți să adăugați script-uri în subsol. Ultimul parametru acceptă numai valoare adevărat / fals.

Asigurați-vă că ați plasat deja toate fișierele script-uri în interiorul rădăcină / wp-content / teme / THEME_NAME / js / directorul.

Publicat 09/10/2019 la 13:24
sursa de către utilizator

voturi
0

Încercați următorul cod:

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“) este dependancy pe care le puteți seta pana la nevoia ta. „1.0.0“ este versiunea pe care le puteți lăsa necompletate sau puteți scrie propria versiune

De asemenea , verificați dacă subsolul are wp_footer();înainte de a închide </body>tag - ul

Am eliminat prima jquery.min.js linie care este deja inclusă de WP. În cazul în care nu sunt incluse trebuie doar să menționăm dependența în timp ce script Puneți în coadă.

Publicat 09/10/2019 la 13:22
sursa de către utilizator

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