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:
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
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.