js not working in wordpress

Topic: js not working in wordpress

Suellyn Specie asked 8 years ago

I'm working with wordpress and I put this code, but in F12 doesn't show errors. I put the carrousel to test and continue not working. I try to put scripts in after footer too but not working too. CSS is working, just js not working. Please, could you help me? <?php /** * Include CSS files */ function theme_enqueue_scripts() { wp_enqueue_style( 'Font_Awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' ); wp_enqueue_style( 'Bootstrap_css', get_template_directory_uri() . '/css/bootstrap.min.css' ); wp_enqueue_style( 'MDB', get_template_directory_uri() . '/css/mdb.min.css' ); wp_enqueue_style( 'Style', get_template_directory_uri() . 'https://mdbcdn.b-cdn.net/style.css' ); wp_enqueue_script( 'jQuery', get_template_directory_uri() . '/js/jquery-2.2.3.min.js', array(), '2.2.3', true ); wp_enqueue_script( 'Tether', get_template_directory_uri() . '/js/tether.min.js', array(), '1.0.0', true ); wp_enqueue_script( 'Bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '1.0.0', true ); wp_enqueue_script( 'MDB', get_template_directory_uri() . '/js/mdb.min.js', array(), '1.0.0', true ); } add_action( 'wp_enqueue_scripts', 'theme_enqueue_scripts' ); ?>

Add comment

ashelighmorehattia pro answered 7 years ago

2 0 Best answer

This works 100%. The key was to add 'array('jquery'));' to js files in the directory instead of 'array(), '1.1.0', true );'

function theme_enqueue_scripts() {
 wp_enqueue_style( 'Font_Awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' );
 wp_enqueue_style( 'Bootstrap_css', get_template_directory_uri() . '/css/bootstrap.min.css' );
 wp_enqueue_style( 'MDB', get_template_directory_uri() . '/css/mdb.min.css' );
 wp_enqueue_style( 'Style', get_template_directory_uri() . 'https://mdbcdn.b-cdn.net/style.css' );
 wp_enqueue_script( 'jQuery', get_template_directory_uri() . '/js/jquery-3.2.1.min.js', array(), '3.2.1', true );
 wp_enqueue_script( 'Tether', get_template_directory_uri() . '/js/tether.min.js',array('jquery'));
 wp_enqueue_script( 'Popper', get_template_directory_uri() . '/js/popper.min.js', array('jquery'));
 wp_enqueue_script( 'Bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'));
 wp_enqueue_script( 'MDB', get_template_directory_uri() . '/js/mdb.js', array('jquery'));
 wp_enqueue_script('CustomJS', get_template_directory_uri() . '/js/custom-js.js', array('jquery'));
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_scripts' );

espiran commented 7 years ago

ashelighmorehattia thanks a lot, bro! your code for wp_enqueue_script worked for me!

Add comment

Erick Maeda answered 8 years ago

0 0 Best answer

Hi Suellyn, I had faced the same problem when I was developing a theme for WordPress, unfortunately I didn't found a solution to the problem yet :(

Add comment

Maciej Szuchta answered 8 years ago

0 0 Best answer

Hello Suellyn Your function looks correct so in this case first solution that might help is to clear web browser cash memory and refresh it (Google chrome ctrl + F5 ). Another solution that might work would be to change versions of attached scripts to boolean value 'false'. So function would look like this:

<?php

/**
* Include CSS files
*/
function theme_enqueue_scripts() {
wp_enqueue_style( ‘Font_Awesome’, ‘https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css’ );
wp_enqueue_style( ‘Bootstrap_css’, get_template_directory_uri() . ‘/css/bootstrap.min.css’ );
wp_enqueue_style( ‘MDB’, get_template_directory_uri() . ‘/css/mdb.min.css’ );
wp_enqueue_style( ‘Style’, get_template_directory_uri() . ‘/style.css’ );
wp_enqueue_script( ‘jQuery’, get_template_directory_uri() . ‘/js/jquery-2.2.3.min.js’, array(), false, true );
wp_enqueue_script( ‘Tether’, get_template_directory_uri() . ‘/js/tether.min.js’, array(), false, true );
wp_enqueue_script( ‘Bootstrap’, get_template_directory_uri() . ‘/js/bootstrap.min.js’, array(), false, true );
wp_enqueue_script( ‘MDB’, get_template_directory_uri() . ‘/js/mdb.min.js’, array(), false, true );

}
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_scripts’ );

?>

Hope that it will help.

Add comment

Erick Maeda answered 8 years ago

0 0 Best answer

I've changed the lines, however it continues not working :/ Sad but true. (º<º)

Add comment

Suellyn Specie answered 8 years ago

0 0 Best answer

Hello Maciej! How are you? Thank for your answer, but I tried to clear web browser cash memory and refresh it (Google chrome ctrl + F5 ) and use code with false, but not working yet. :( Js is not being called also when I use F12 (Network) to inspect.

Add comment

Maciej Szuchta answered 8 years ago

0 0 Best answer

Hey Please can you check if you have the following line in your functions.php file. require_once('inc/theme-setup/theme-enqueue-scripts.php');

Add comment

Erick Maeda answered 8 years ago

0 0 Best answer

Why should I have this file 'theme-enqueue-scripts.php' ? It didn't work too :/

Add comment

Suellyn Specie answered 8 years ago

0 0 Best answer

Hey Maciej! I put this line in my functions.php file, but I don't have this file and folder (inc/theme-setup/theme-enqueue-scripts.php).

Add comment

teawebsite pro answered 8 years ago

0 0 Best answer

This is what is working for me: 1- first of all you have to work always with child theme: if you do something wrong or update core theme you don't lose your work. 2- in child theme create a folder (e.g: assets). 3- in assets put all mdb pro files. 4- because WP has its own copy of jquery first deregister jquery and then register your preferred version. 5- in functions.php link all css and js using get_stylesheet_directory_uri() because you are working with child theme. /******* DEREGISTER / REGISTER JQUERY *******/ function my_init() { if (!is_admin()) { wp_deregister_script('jquery'); wp_register_script('jquery', get_stylesheet_directory_uri() . '/assets/js/jquery-3.1.1.min.js', FALSE, '3.1.1', FALSE); wp_enqueue_script('jquery'); } } add_action('init', 'my_init'); /******* ENQUEUE CSS / JS *******/ add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'Font_Awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' ); wp_enqueue_style( 'Bootstrap_css', get_stylesheet_directory_uri() . '/assets/css/bootstrap.css' ); wp_enqueue_style( 'MDB', get_stylesheet_directory_uri() . '/assets/css/mdb.min.css' ); wp_enqueue_style( 'Style', get_stylesheet_directory_uri() . 'https://mdbcdn.b-cdn.net/style.css' ); // your own style wp_enqueue_script( 'Tether', get_stylesheet_directory_uri() . '/assets/js/tether.min.js', array(), '1.0.0', true ); wp_enqueue_script( 'Bootstrap', get_stylesheet_directory_uri() . '/assets/js/bootstrap.min.js', array(), '1.0.0', true ); wp_enqueue_script( 'MDB', get_stylesheet_directory_uri() . '/assets/js/mdb.min.js', array(), '1.0.0', true ); } 6- Bonus trick : add this in functions.php to avoid WP adding <p> tag in blank space (lightbox not works without those functions) remove_filter( 'the_content', 'wpautop' ); remove_filter( 'the_excerpt', 'wpautop' ); Note: all MDB PRO 4.3.2 styles and functions I've tried are working except parallax css Hope this helps.

Add comment

Andre Cordeiro answered 8 years ago

0 0 Best answer

Hi! Please can you check if you have the following line in your footer.php file. <?php wp_footer(); ?>

Pruthul Pradeep A commented 4 years ago

Thanks man! After hours of googling, this finally saved me. Silly me.. forgot this.

Add comment

Maciej Szuchta answered 8 years ago

0 0 Best answer

Suellyn Please can you check if solution provided by teawebsite is working for you ?? It looks like there is some issue with scripts linking. If this won't resolve your problem please contact me on m.szuchta@mdbootstrap.com.

Add comment

Suellyn Specie answered 8 years ago

0 0 Best answer

Hey Andre! Thank youuuu!!! It's working now!!! Thank yoou so much!!!

Add comment