WordPress.org

Ready to get started?Download WordPress

Forums

jQuery UI tabs and UnPointZero Slider (4 posts)

  1. sarah.osborne
    Member
    Posted 2 years ago #

    These two aren't playing very nicely... if I link to the js to make the tabs work, then the slider doesnt work... but if I take away the links to the js for the tabs then (surprise) the tabs dont work.

    here is a link to my development site http://texasspineandjoint.724impact.com/
    as you can see the UnPointZero slider is working but the tabs in the widget area on the left are just displayed as a list (not working correctly)

    things ive tried- these may or may not make any sense to do, but this is what I tried

    put the links to the js for the tabs right before the code for the tabs, instead of in the head (the tabs worked, the slider didnt)

    writing links for the path to the js for the slider in the /head as well as the js for the tabs. (same result)

    someone told me to put this code in my functions:

    if( !is_admin()){
       wp_deregister_script('jquery');
       wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"), false, '1.7.1');
       wp_enqueue_script('jquery');
       wp_deregister_script('jquery-ui');
       wp_register_script('jquery-ui',("http//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"), false, '1.8.16');
       wp_enqueue_script('jquery-ui');
    }

    yea that did nothing.

    so.... what to do? if someone has a solution PLEASE let me know! i really need to get this fixed the deadline on this site is already passed and i am no where near done (as you can see...)

  2. sarah.osborne
    Member
    Posted 2 years ago #

    Additional info:

    these are the links to the js/css for the tabs

    <link type="text/css" href="/wp-content/uploads/css/custom-theme/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />
    <script type="text/javascript" src="/wp-content/uploads/js/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="/wp-content/uploads/js/jquery-ui-1.8.16.custom.min.js"></script>

    when this line is taken out, the slider works, but the tabs dont
    <script type="text/javascript" src="/wp-content/uploads/js/jquery-1.6.2.min.js"></script>

    these are the names of the js files for the slider
    unpointzero-slider/libs/cycle.js
    unpointzero-slider/libs/slider-mouseover.js
    unpointzero-slider/libs/cycle-nav.js
    unpointzero-slider/libs/slidercfg.js
    unpointzero-slider/libs/jquery.cycle.all.min.js

  3. UnPointZero
    Member
    Posted 2 years ago #

    Hi !

    First of all, sorry for the response time, we were closed for the holidays. And happy 2012 ;).

    Where is located the tabs JS file ? I can see jquery-ui but can't see any js file or code on your header related to the widget.
    Another suggestion, use the jquery and the jquery-ui versions used on WordPress. More informations @ http://codex.wordpress.org/Function_Reference/wp_enqueue_script

    See ya !

  4. absdotcom
    Member
    Posted 2 years ago #

    Hi UnPointZero,

    The Mouseover function is not working at the moment neither.

    My website is http://www.fistinthesky.com I am using WP 3.3, is it compatible?

    Best

    Abs

Topic Closed

This topic has been closed to new replies.

About this Topic