You will want to implement that using AJAX. Read these two articles from the Codex for further information about integrating WordPress with some AJAX action: AJAX AJAX in Plugins Just to give you a head start, you will want something like this: Client-side (Javascript) $(element).click(function() { var data = { action: ‘get_author_info’, author_id: your-author-id }; … Read more
All JS that is properly enqueued will be added to your header at the very point where you, or the theme designer, respectively, included wp_head(). Ideally, you should also enqueue your custom script(s) the same way and make them dependent on jQuery – WP will then naturally load them after. If however you want to … Read more
Though uncommon, you can use wp_print_scripts( [‘jquery’] ) for explicit output. Note that you might hit issues with hooks firing in unexpected ways and such. Generally all WP pages on front end should just implement header/footer properly.
add_action(‘wp_ajax_get_post_info’, ‘get_post_info’); add_action(‘wp_ajax_nopriv_get_post_info’, ‘get_post_info’); wp_ajax_nopriv_(action) only on front-end and only for non logged users. Use wp_ajax_(action) for logged in users.
Use wp_localize_script() to pass variables to the front end so that you can pick them by javascript. Use it like this: wp_enqueue_script( ‘some_handle’ ); $data = array( ‘some_string’ => __( ‘Some string to translate’ ) ); wp_localize_script( ‘some_handle’, ‘object_name’, $data ); And pick it up like object_name.some_string in javascript code.
jQuery is loaded by the theme that you use and not by WordPress. The theme must be modified to not load jQuery. Useless? not sure. It is very useful. Many themes’ UI elements and even design elements may depend on jQuery.
Going through your source – jQuery Source – it seeems that noConflict() is getting called right at the end. To fix your hover.js then would look something like this: jQuery(function($) { //Allow the use of $ namespace in this function. // OPACITY OF BUTTON SET TO 50% $(“.imgopacity”).css(“opacity”,”0.5″); // ON MOUSE OVER $(“.imgopacity”).hover(function () { … Read more
Your code is correct, though I would not add the callback if the function name has already been used. If someone else has used the name you don’t know what you might be adding. if(!function_exists(‘bi_frontend_scripts’)) { function bi_frontend_scripts() { wp_enqueue_script(‘jquery’); // I originally wanted to do: wp_enqueue_script(‘jQuery.bxSlider’, get_bloginfo(‘template_url’).’/scripts/jquery.bxslider/jquery.bxslider.min.js’, array(‘jquery’)); } add_action(‘wp_enqueue_scripts’, ‘bi_frontend_scripts’); } I also … Read more
Try this: jQuery(function ($) { /* You can safely use $ in this code block to reference jQuery Call your plugin here */ }) I think you already know this. But still for reference http://api.jquery.com/jQuery.noConflict/
Why you shouldn’t hardcode javascript files There are several reasons why you shouldn’t hardcode links to javascript files: It sidesteps WordPress’ queuing of javascript files which is designed to handle dependencies for you. Plug-ins exist which force scripts to be loaded in the footer (hard-coding would mean they couldn’t do this, and may even break … Read more