The command line is a powerful tool at the disposal of every Linux user. Although Linux distros come with beautiful user interfaces, it's worthwhile to learn the command line because it allows you to do a number of things that you otherwise cannot do from the GUI.
Solved
How to include jquery and jquery ui (slider) properly in wordpress
Posted on 2014-04-20
Hi
I have a page in wordpress which i can get to work by doing the following and adding this directly to the page
Ive tried adding the jquery properly in the functions file but it doesnt work
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );
But this doesnt work and I cant get a slider to dispay on my page as I can when include the files directly
thanks
I have a page in wordpress which i can get to work by doing the following and adding this directly to the page
<!-- Load jQuery and jQuery UI -->
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<!-- Load the jQuery UI CSS -->
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script>
<!-- jQuery UI Slider code -->
$(function() { etc
Ive tried adding the jquery properly in the functions file but it doesnt work
function my_scripts_method() {
wp_deregister_script('jquery');
wp_register_script('jquery', "//code.jquery.com/jquery-1.9.1.js", false, null);
wp_enqueue_script('jquery');
wp_deregister_script('jquery-ui');
wp_register_script('jquery-ui', '//code.jquery.com/ui/1.10.3/jquery-ui.js', false, null);
wp_enqueue_script('jquery-ui');
}
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );
But this doesnt work and I cant get a slider to dispay on my page as I can when include the files directly
thanks
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
2-
2
4 Comments
WordPress includes JQuery and JQueryUI by default...it's part of the core load-in.
I'm thinking that by attempting to do the above you are a) breaking something and/or b) your slider is bombing out for a different reason.
I'm thinking that by attempting to do the above you are a) breaking something and/or b) your slider is bombing out for a different reason.
Hi Jason
For one :) I couldnt get any jquery or jquery ui to work in wordpress even though it is supposed to be loaded by default. I could get it to work by adding jquery and jqueryui scripts directly to the page code from googls cdn and it was fine.
I also managed to load jquery and jqueryui through the enqueue_scripts function so i could remove the includes from the page and that all works fine now. I believe you are supposed to do it like this in the functions file so that plugins dont cause conflicts.
However even though i have a working solution i am now most curious why jquery didnt work for me 'by default' in wordpress. Is there a setting in the admin panel or something i dont know about?
thanks
For one :) I couldnt get any jquery or jquery ui to work in wordpress even though it is supposed to be loaded by default. I could get it to work by adding jquery and jqueryui scripts directly to the page code from googls cdn and it was fine.
I also managed to load jquery and jqueryui through the enqueue_scripts function so i could remove the includes from the page and that all works fine now. I believe you are supposed to do it like this in the functions file so that plugins dont cause conflicts.
However even though i have a working solution i am now most curious why jquery didnt work for me 'by default' in wordpress. Is there a setting in the admin panel or something i dont know about?
thanks
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption. Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
This article discusses four methods for overlaying images in a container on a web page
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked
out and cannot reset the password. A typical use would be if you cannot access the email to which
WordPress would send the password recovery email to…
The viewer will learn the basics of jQuery including how to code hide show and toggles.
Reference your jQuery libraries:
(CODE)
Include your new external js/jQuery file:
(CODE)
Write your first lines of code to setup your site for jQuery…
Suggested Courses
Course of the Month8 days, 9 hours left to enroll
721 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.