Inserimento codice Javascript

Ciao a tutti.
Sono un nuovo utente, e un quasi nuovo utilizzatore di WordPress.
Sto facendo delle prove su un template gratuito, per iniziare a “mordere” il prodotto.

Ho seguito un tutorial che mi permetteva di inserire delle librerie nel mio template (bootstrap e font-awesome) ed è andato tutto liscio.
Adesso volevo aggiungere una libreria javascript per fare delle “progress bar circolari”, ma non riesco a farlo funzionare.
Posto il codice che ho usato per inserire le librerie nel template (function.php)…

/*integrazione dei files di bootstrap e del blocco di font Awesome */
function theme_add_bootstrap() {
    wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js', array('jquery'), '1.11.3', true); // aggiungere la libreria JQuery
    wp_enqueue_style( 'bootstrap-css', get_template_directory_uri() . '/bootstrap/css/bootstrap.css' );
    wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . '/bootstrap/js/bootstrap.js', array(), '3.3.6', true );
    wp_enqueue_script( 'bootwidget', get_template_directory_uri() . '/bootstrap/js/boot-widget.js', array(), '3.3.6', true );
    wp_enqueue_style ('bootstrapstyle', get_template_directory_uri() . '/bootstrap/css/bootstrapstyle.css');
    wp_enqueue_style( 'font-awesome',  get_template_directory_uri() . '/font-awesome/css/font-awesome.min.css' );
/* Script per le barre di avvnzamento circolare */
    wp_enqueue_script( 'progressbar', get_template_directory_uri() . '/js/progressbar.js',array(),'1.0.0', true);
}
  
add_action( 'wp_enqueue_scripts', 'theme_add_bootstrap' );

qui il css (contenuto in uno dei file già dichiarati quindi già funzionante)

/* contenitore delle barre circolari di avanzamento */
#circularbar {
  margin: 20px;
  width: 200px;
  height: 200px;
  position: relative;
}

Qui la chiamata al tutto sulla pagina php

<div id=”circularbar”>qui la barra circolare animata</div>

seguendo un altro tutorial, ho letto che la chiamata al codice javascript può essere fatto comodamente nella pagina (o nel footer) attraverso il comando <script></script> di hatml…
e io l’ho messo nel footer…

http://codepad.org/EipkT4no

inserendolo esattamente prima della chiusura del footer.

potete dirmi se è corretto e se non lo è come aggiustarlo?
Non funziona , dato che non fa vedere la barra circolare.

grazie

• Questo topic è stato modificato 7 anni, 9 mesi fa da Cristiano Zanca. Motivo: progressbar, javascript