Help with wp_enqueue_script WordPress

Maor Barazany answers:

First, it is better to put your js links at the footer.php file and not in the header.php file.

Second, if you just want to load the scripts on a specified page you can use the if statement.
Anyway, since I believe apply.php is a custom template file, you need to recognize that you are in this page.
One way is to have a variable inside the apply.php and set it to true on the page.
put this in the apply.php, at the top of the file this -
<?php $loadthejs = true;?>

Then, at the end of this file, after the call to the <?php get_footer(); ?> add this -
<?php $loadthejs = false;?>

Then, in your footer file put this:

<?php global $loadthejs ;
if ($loadthejs == 1) { ?>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.maskedinput-1.0.js"></script>
<script type="text/javascript" src="js/jquery.dimensions.js"></script>
<script type="text/javascript" src="js/jquery.accordion.js"></script>
<?php } ?>

In order to use the WP enqueue script, you can replace any of the four scripts with a line like this -

wp_register_script('myname1', ("js/jquery.accordion.js"), false);
wp_enqueue_script('myname1');


Where 'myname1' is a common name you want, and the the path (maybe full path needed there) to the script src.

About the jQuery, since it is already loaded - you don't need to reload it.
If you want to reload jquery and not WP default jQuery version, you should de-register it first, and the register it again with your path, better to load it directly from Google:


wp_deregister_script('jquery');
wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false);
wp_enqueue_script('jquery');


Peter Michael answers:

wp_enqueue_script is good documented: [[LINK href="http://codex.wordpress.org/Function_Reference/wp_enqueue_script"]]http://codex.wordpress.org/Function_Reference/wp_enqueue_script[[/LINK]]

David answers:


function enqueue_scripts() {

if ( is_page_template('apply.php') ){
wp_enqueue_script( 'jquery.validate', 'js/jquery.validate.js', array('jquery'));
wp_enqueue_script( 'jquery.validate', 'js/jquery.maskedinput-1.0.js', array('jquery'));
wp_enqueue_script( 'jquery.validate', 'js/jquery.dimensions.js', array('jquery'));
wp_enqueue_script( 'jquery.validate', 'js/jquery.accordion.js', array('jquery'));

}
}
add_action('wp_print_scripts', 'enqueue_scripts');

Throw this is your themes or child themes functions.php
These scripts will be enqueued when the template apply.php is used, no need to register jquery it is included in WP

---

---

---

---

WP Answers answers:

Hi Jose,

The script below will properly add your javascript files to the head your theme. Simply add this code to your functions.php file and you will be all good to go.


function jose_scripts() {

define('JOSE_JS', get_template_directory_uri() . '/js');

wp_enqueue_script( 'cufon', JOSE_JS .'/cufon.js', array('jquery'));
wp_enqueue_script( 'cufon-fonts', JOSE_JS .'/cufon-fonts.js', array('jquery'));
wp_enqueue_script( 'cufon-settings', JOSE_JS .'/cufon-settings.js', array('jquery'));
wp_enqueue_script( 'jquery', JOSE_JS .'/jquery-1.4.2.min.js', array('jquery'));
wp_enqueue_script( 'jquery-accordion', JOSE_JS .'/jquery.accordion.js', array('jquery'));
wp_enqueue_script( 'jquery-ui', JOSE_JS .'/jquery-ui-custom.js', array('jquery'));
}
add_action('wp_print_scripts', 'jose_scripts');


José Pardilla answers:

David's method looks good to me, except he made a typo, you need to name differently each script in wp_enqueue_script() (first parameter)

function enqueue_scripts() {

if ( is_page_template('apply.php') ){
wp_enqueue_script( 'jquery-validate', 'js/jquery.validate.js', array('jquery'));
wp_enqueue_script( 'jquery-maskedinput', 'js/jquery.maskedinput-1.0.js', array('jquery'));
wp_enqueue_script( 'jquery-dimensions', 'js/jquery.dimensions.js', array('jquery'));
wp_enqueue_script( 'jquery-accordion', 'js/jquery.accordion.js', array('jquery'));
}
}
add_action('wp_print_scripts', 'enqueue_scripts');

PS: just correcting a typo, he still deserves the 10$ ro at least most of it ;)

---

arman syam answers:

You must install RAW HTML
Requirements :
<blockquote>
* WordPress 2.3.1 – 2.7
* Disable visual editor for better results – some characters (e.g. the ampersand) may still be encoded if it’s enabled.
</blockquote>
Now, after plugin activated, you can freely type and insert any script and chars inside your post.