How to load custom javascript on specific page
Hi Muffin-tops
I am out of my league here because I know nothing about javascript.
But I was able to add this to the custom JS box in order to get a lightbox to pop up automatically on a page:
jQuery(function($){
window.onload = function() {
jQuery.prettyPhoto.open('#fb_video_pop');
};
});
My problem is that I only want it to activate on a particular page title or ID.
I've tried messing around with this if (is_page ( ID )) thing like this:
jQuery(function($){
is_page('Is Your Head on Straight? - Rumsey Spinal Care' ) {
wp_enqueue_script('
$(document).ready(function(){
$.prettyPhoto.open('#fb_video_pop');
});
setTimeout(function() {
$.prettyPhoto.close();
}, 40000);
');
});
function quiz_video_pop() {
wp_enqueue_script(
'custom-script',
get_template_directory_uri() . '/js/custom_script.js',
array('jquery')
);
}
if(is_page( 'Foobar' ) ) add_action('wp_enqueue_scripts', 'my_scripts_method');
But I can't get it to work (like I said, I'm out of my league).
Any chance you could offer me a tidbit of advice on how to get this done so it only activates on a specific page?
Thanks!
Comments
unfortunately we do not offer those kind of customizations. In this case you should contact with your website developer because we do not create any custom code.
Thanks for understanding!
jQuery(function($){
var river = $("#river1");
if (river.length > 0) {
getRiver();
}
});
function getRiver() {
// do your stuff here.
}
html to operate on a specific page include this:
<div id="river1"></div>
hope that helps.