HOw to embed jquery in wp pages ?

Discussion in 'WordPress' started by erebussymk, Nov 13, 2011.

  1. #1
    erebussymk, Nov 13, 2011 IP
  2. AlohaThemes.com

    AlohaThemes.com Active Member

    Messages:
    128
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    83
    #2
    To embed Jquery code, do something like this in your header.php file between the <head>..</head> tags:

    <?php wp_enqueue_script('jquery'); ?>
    <?php wp_head(); ?>
    <script type="text/javascript" src="<?php bloginfo("template_directory"); ?>/yourpath/yourfile.js"></script>

    Good luck! - Scott
     
    AlohaThemes.com, Nov 13, 2011 IP
  3. erebussymk

    erebussymk Greenhorn

    Messages:
    84
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #3
    I put
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/tree/jquery.treeview.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/tree/jquery.treeview.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/tree/jquery.treeview.pack.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/tree/jquery.treeview.async.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/tree/demo.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/tree/lib/jquery.cookie.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/tree/demo/demo.js"></script>

    in header.php. all required files js ,images and css are kept in theme folder.
    In post page i called using "

    <ul id="red" class="treeview-red">

    but still not working. Urgent help is needed.
     
    erebussymk, Nov 13, 2011 IP
  4. NewWpDesigns

    NewWpDesigns Greenhorn

    Messages:
    75
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #4
    You should add Jquery First. then Add jquery plugins following it.
     
    NewWpDesigns, Nov 17, 2011 IP
  5. erebussymk

    erebussymk Greenhorn

    Messages:
    84
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #5
    Is above method wrong ?
     
    erebussymk, Nov 30, 2011 IP