bootstrap 4 e jquery | WordPress.org Italia

(@lamorfini)

Ciao è giusto fare cosi:

/*
**==========================================================================
**  Script e Styles
**==========================================================================
*/
function scripts_and_styles() {

	// inizio bootstrap
	wp_register_style('bootstrap-css', 'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.min.css', false, '4.0.0-beta.2', null);
	wp_enqueue_style('bootstrap-css');
  // inzio codice jquery
	wp_register_script('jquery-3.2.1', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js', false, '3.2.1', true);
	wp_enqueue_script('jquery-3.2.1');
	// fine codice jquery
	wp_register_script('popper',  'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js', false, '1.12.3', true);
	wp_enqueue_script('popper');
	wp_register_script('bootstrap-js', 'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/js/bootstrap.min.js', false, '4.0.0-beta.2', true);
	wp_enqueue_script('bootstrap-js');
	// fine bootstrap
	// inzio codice
	wp_register_script('my-script', get_template_directory_uri() . '/js/scripts.js', array( 'jquery' ),false, true );
	wp_enqueue_script('my-script');
	wp_register_script('navwalker-script', get_template_directory_uri() . '/js/navwalker.js', array( 'jquery' ),false, true );
	wp_enqueue_script('navwalker-script');
	// fine codice
	// inizio stili personali
	wp_enqueue_style('sito', get_template_directory_uri().'/style.css');
	wp_enqueue_style('sito-f', get_template_directory_uri().'/f.css');
	wp_enqueue_style('sito-extra', get_template_directory_uri().'/extra.css');
	wp_enqueue_style('sito-mobile', get_template_directory_uri().'/mobile.css');
	// fine stili personali
}

add_action( 'wp_enqueue_scripts', 'scripts_and_styles' );

l’unico il jquery che vado a prenderlo in cdn-js,
perché se uso quello di wordpress andando in debug console di browser mi segnala che c’è un errore fn e non fa andare tutto. Invece mettendo quello lo fa funzionare senza problemi.

Io chiedevo che problemi posso avere?

Grazie mille e buona settimana e buon natale e felice anno nuovo.

Stai visualizzando 1 risposte (di 1 totali)

Thomas Vitale
(@thomas-vitale)

6 anni, 3 mesi fa
Ciao @lamorfini,

prima di caricare un’altra versione di jQuery, per evitare conflitti è consigliabile prima bloccare il caricamento di quella di default usata da WordPress.
```
function scripts_and_styles() {

    // Deregister scripts
    wp_deregister_script( 'jquery' );

    // Register scripts
    wp_register_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', array(), false, true );
	
    // Load scripts
    wp_enqueue_script( 'jquery' );

}

add_action( 'wp_enqueue_scripts', 'scripts_and_styles' );
```
Quindi prima “deregistri” la versione usata da WordPress di default e poi registri la tua.

Una nota importante: la funzione precedente “deregistra” il jQuery di default solo dal frontend. Il backend di WordPress continuerà a usare la vecchia.

Spero di essere stato d’aiuto,

Thomas

Stai visualizzando 1 risposte (di 1 totali)

Il topic ‘bootstrap 4 e jquery’ è chiuso a nuove risposte.

Visualizza