0

I am using a carousel to display latest jposts on my front page and I am using the following code but it's not working.

function my_load_caroufredsel() { // Enqueue carouFredSel, note that we specify 'jquery' as a dependency, and we set 'true' for loading in the footer: wp_register_script( 'caroufredsel', get_template_directory_uri() . '/js/jquery.carouFredSel-6.1.0-packed.js', array( 'jquery' ), '6.1.0', true ); // For either a plugin or a theme, you can then enqueue the script: wp_enqueue_script( 'my-caroufredsel', get_template_directory_uri() . '/js/my-caroufredsel.js', array( 'caroufredsel' ), '', true ); } add_action( 'wp_enqueue_scripts', 'my_load_caroufredsel' );

Any one can please tell what's the problem with the above code. Thanks

Improve this question

4 Answers 4

Reset to default
1

You only register your first script, but don't enqueue it. Change wp_register_script to wp_enqueue_script and it should work. Registering it is useful if you may possibly enqueue it at different times/conditions, but in this case you can just enqueue it straight away.

Improve this answer
3
  • Thanks for your reply. I have done it previously and have done again after your reminder but it's not working. Commented Oct 20, 2012 at 18:54
  • verify that your paths are all correct and the scripts exist where you're enqueueing them. Commented Oct 20, 2012 at 19:07
  • Actually I have a folder with the name js in my theme directory and both the scripts are here. So I think paths are correct. Commented Oct 20, 2012 at 19:09
0

Please make sure you are utilizing wp_head() and wp_footer() functions at appropriate places in your theme?

Improve this answer
0

After register, you have to use wp_enqueue_script('caroufredsel') or use following code

function my_load_caroufredsel() { // Enqueue carouFredSel, note that we specify 'jquery' as a dependency, and we set 'true' for loading in the footer: wp_enqueue_script( 'caroufredsel', get_template_directory_uri() . '/js/jquery.carouFredSel-6.1.0-packed.js', array( 'jquery' ), '6.1.0', true ); // For either a plugin or a theme, you can then enqueue the script: wp_enqueue_script( 'my-caroufredsel', get_template_directory_uri() . '/js/my-caroufredsel.js', array( 'caroufredsel' ), '', true ); } add_action( 'wp_enqueue_scripts', 'my_load_caroufredsel' );

Before do that, you have to check header.php and footer.php, because in header.php you have check wp_head() code and In footer.php you have to check wp_footer(). Without that hook above code not work.

Improve this answer
0

add below code in functions.php

add_action( 'wp_enqueue_scripts', 'my_load_caroufredsel' ); function my_load_caroufredsel() { wp_enqueue_script( 'caroufredsel', get_stylesheet_directory_uri() . '/js/jquery.carouFredSel-6.1.0-packed.js', array('jquery'), '6.1.0', true); wp_enqueue_script( 'my-caroufredsel', get_stylesheet_directory_uri() . '/js/my-caroufredsel.js', array( 'jquery' ), '', true ); }
Improve this answer

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.