WordPress.org

1. sweetph
   Member
   Posted 1 year ago #

   Hello all,

   I have been searching this forum, other forums, and all over the web for answers to this question...I am a beginner with jquery, Repeat - I am a beginner with jquery and I need help with each step of the process of adding a jquery script, from start to finish.

   The script I want to add is here:

   http://tympanus.net/codrops/2010/03/09/a-fresh-bottom-slide-out-menu-with-jquery/

   I want to add it on my homepage in the theme I'm using.

   1) How do I call the jquery (wp_enqueue_script)
   2) Where do I place this (above)
   3) CSS - do I simply append the css from the script to my style.css file?
   4) How do I call the script to action on the wordpress page?
   5) How do I incorporate the html?

   These are some of the questions that I have. I've been searching all over the net and usually people assume that people know how to incorporate javascript libraries into their themes....well some of us beginners need help :-)

   I really just need assistance with ANY script, so if someone could just walk me through it here, it would REALLY be awesome! I have been at this for a week now and I really need help...

   Any assistance is appreciated!

   ~T

2. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   http://codex.wordpress.org/Using_Javascript
   http://codex.wordpress.org/Function_Reference/wp_enqueue_script

3. sweetph
   Member
   Posted 1 year ago #

   Thanks esmi, I've looked at these codexes and I do not understand them. I need someone to help me step by step with a real live working example. Can you do that?

   Here's the script I want to use:

   http://tympanus.net/codrops/2010/03/09/a-fresh-bottom-slide-out-menu-with-jquery/

4. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   There ere examples on the page I linked to above. If this level of coding is beyond you, perhaps you need to consider hiring someone to carry out the work for you.

5. sweetph
   Member
   Posted 1 year ago #

   I'm looking for help on this forum, I'm sure someone out there is willing to help a newbie. Thanks anyway esmi...Is there anyone out there willing to help me?

6. Infinitedezigns
   Member
   Posted 6 months ago #

   I've been asking this same question for months and I've gotten no answer. Been trying to add a thumbnail scroller on my child theme index page using JQUERY. So far no plug-in is available that shows only the thumbnails (not the slide above) and links to corresponding Post or Pages. I can do this with JQUERY, But It won't add the js script unless I call JQUERY on this page. Def need help also.

7. Infinitedezigns
   Member
   Posted 6 months ago #

   btw It seems that the info in the search results only brings forth outdated information. Nowhere is there any info on adding this to the latest 3.2.1 version of WordPress.

8. esmi
   Theme Diva & Forum Moderator
   Posted 6 months ago #

   http://codex.wordpress.org/Using_Javascript
   http://codex.wordpress.org/Function_Reference/wp_enqueue_script

9. ravenousravendesign
   Member
   Posted 6 months ago #

   1) How do I call the jquery (wp_enqueue_script)
   Put this in your functions.php file and reference files accordingly
   

   function my_init() {
   	if (!is_admin()) {
   		wp_deregister_script('jquery');
   		wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js', false, '1.3.2', true);
   		wp_enqueue_script('jquery');
   
   		// load a JS file from my theme: js/theme.js
   		wp_enqueue_script('my_script', get_bloginfo('template_url') . '/js/theme.js', array('jquery'), '1.0', true);
   	}
   }
   add_action('init', 'my_init');

   3) CSS - do I simply append the css from the script to my style.css file?
   yes. create a css file in your script folder specific to the script and reference it accordingly
   I reference my style sheet via import from my global stylesheet
   @import url('../jscript/css/style.css');

   5) How do I incorporate the html?
   Directly into the page or where you are needing the script.

   Resource: http://www.ericmmartin.com/5-tips-for-using-jquery-with-wordpress/

Topic Closed

This topic has been closed to new replies.