Search code examples
jquerycycle

jQuery cycle not working in chrome and IE


I am using this code:

jQuery(document).ready(function() {
                jQuery('#slider-box').cycle({
                    fx:     'fade',
                    speed:  '700',
                    timeout: 4000,
                    pager:  '#slide-pager'
                });
            });

and html is:

  • // some content
  • // some content
  • This is working well in firefox. But not working in IE and chrome. I have also tried $ sign. But it says function not defined as i am using jQuery at places.

    IE says: Line: 135 Character: 70 Code: 0 Error Message: 'this[...].style' is null or not an object URL: http://www.waqasalieee.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

    chrome says (console in developer tools): Uncaught TypeError: Cannot read property 'defaultView' of null


    Solution

  • Ok here is the proper solution: first of all we need to disable default jquery inclusion in wordpress, you can do this by: open: wp-includes/script-loader.php comment this line: $scripts->add( 'jquery', '/wp-includes/js/jquery/jquery.js', false, '1.4.2'); Now open your themes header.php and include this line in header section:

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" ></script>
    

    Problem solved! Cheers! Once again thanks to Kim for clicking my mind to think in this direction.