Я только начинаю использовать JQuery, читаю и читаю и успешно реализовал некоторые простые вещи, меняю классы и т. Д. Я пытался работать над небольшой всплывающей панелью для сайта WordPress. Я использую вилку Protonet плагина InView: https://github.com/protonet/jquery.inview/tree/
, который отлично работает в FF, Safari, Chrome, IE8 и IE7, если я просто вызываю скрипт и ничего с ним не делаю. Как только я добавляю следующие сценарии для анимации всплывающего окна, все работает, кроме IE7, и в этом браузере ни один из других небольших сценариев изменения небольших классов также не работает, ломая макеты.
jQuery(document).ready(function($){
$('div#utility-after-singular').bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
if (isInView) {
// element is now visible in the viewport
$('.flyoutBox')
.animate(
{
marginLeft: '0'
},
{
duration: 'slow',
easing: 'easeInExpo',
queue: 'true',
});
}
else {
// element has gone out of viewport
$('.flyoutBox')
.animate(
{
marginLeft: '598px'
},
{
duration: 'slow',
easing: 'easeInExpo',
queue: 'true',
}
);
}
});
});
jQuery(document).ready(function($){
$('#closeButton').click(function () {
$('.flyoutBox')
.animate(
{
marginLeft: '598px'
},
{
duration: 'slow',
easing: 'easeOutExpo',
queue: 'true',
}
);
$('div#utility-after-singular').unbind('inview');
});
});
Опять же, я очень новый JQuery и все, что находится за пределами HTML / CSS, так что извините, если я просто упускаю что-то ридонально очевидное. Большое спасибо за любой совет.