Supporto » Aspetto = Temi » bootstrap 4 e jquery

  • 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 vedendo 1 repliche (di 1 totali)
  • 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 vedendo 1 repliche (di 1 totali)
  • Il topic ‘bootstrap 4 e jquery’ è chiuso a nuove risposte.