i have a problem with running my jQuery scripts in Internet Explorer at my WordPress sites. On Firefox and Chrome it is working smoothly, but IE does not want to play with me.
I think that this can be conflict in wordpress’s jQuery because my script is working well on simple “$variables”. I’am using “jQueryvariable” like they saying in http://wordpress.org/support/topic/using-jquery-in-own-plugins#post-687280 but in IE is still not working.
Anyone can tell me how to include my own jQuery files in wordpress properly?
Thank You very much for help.
function MoveItems() {
jQuery('.container>div:first').animate({
width: '0px'
}, 1000, function () {
var mine = jQuery(this);
mine.parent().append(mine);
jQuery(this).css({
width: '120px'
});
});
jQuery('#bands>h2:first').fadeTo(
4000, 0, function () {
var mine = jQuery(this);
mine.parent().append(mine);
jQuery(this).fadeTo(
1, 1);
});
};
jQuery(document).ready(function () {
var timer = setInterval(MoveItems, 1000);
jQuery('#sponsors').hover(function () {
clearInterval(timer);
}, function () {
timer = setInterval(MoveItems, 1000);
});
jQuery('.sponsor').mouseover(function () {
jQuery('img', this).animate({
width: "200px",
height: "200px",
left: "-40px",
top: "-40px"
}, {
queue: false,
duration: 500
});
});
jQuery('.sponsor').mouseleave(function () {
jQuery('img', this).animate({
width: "120px",
height: "120px",
left: "0px",
top: "0px"
}, {
queue: false,
duration: 500
});
});
});
OK i have the solution. There is a know error with jquery and ie8 (sometimes opera) in latest wordpress releases.
more about error here: https://wordpress.stackexchange.com/questions/10719/jquery-in-ie8-no-longer-works-after-3-1-upgrade
SOLUTION: