Add multiple custom script in one js file for different wordpress page

Question

I have written this script in a scripts.js file. And I want execute the first half for only Home page and second half for custom post type page. How can I do this in wordpress ?

 // This Chunk For Home Page  [Part one]
 jQuery("#front-page-slider").responsiveSlides({
              maxwidth: 390,
              "auto": true,
              "pager": false,
               "nav": false,
              "pause": true,
               speed: 800
          });



    // This Chunk is for For Only Custom Post Page [Part Two]
  $("a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'pp_default',slideshow:3000, autoplay_slideshow: false});
  var width = $(window).width();

each page type should have specific class on body tag to differentiate — charlietfl
– charlietfl, Commented Dec 5, 2014 at 16:02

diggy · Accepted Answer · 2014-12-05 16:10:23Z

1

As suggested in the comments, you can leverage the body class, e.g.:

if(jQuery('body.home').length){alert('home');}

answered Dec 5, 2014 at 16:10

diggy

6,8482 gold badges20 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Enzo Zapata · Accepted Answer · 2014-12-05 16:08:30Z

0

this is my idea:

in the js:

function PartOneForHome(){
//code bla bla bla
}
function PartTwoForCustomPosts(){
//code bla bla bla
}

in the header.php or footer.php:

<?php if(is_home()) { ?>
  <script> PartOneForHome(); </script>
<?php } else if is any custom post* { ?>
  <script> PartTwoForCustomPosts(); </script>
<?php } ?>

*I dont know how to detect if is a custom post, search for it :D

edited Dec 5, 2014 at 16:08

answered Dec 5, 2014 at 16:02

Enzo Zapata

1711 silver badge7 bronze badges

1 Comment

Dre Over a year ago

You really should be using wp_enqueue_script for include JS; read more about it on the WP Codex

Collectives™ on Stack Overflow

Add multiple custom script in one js file for different wordpress page

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related