我刚刚开始使用JQuery,已经阅读和阅读并成功实现了一些简单的东西,更改了类等。我一直在尝试在一个WordPress网站的小型弹出面板上工作。我正在使用InView插件的Protonet分支: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以外的任何东西,很抱歉,如果我只是遗漏了一些非常明显的东西。非常感谢任何建议。
答案 0 :(得分:4)
{
duration: 'slow',
easing: 'easeInExpo',
queue: 'true',
});
删除尾随,
。你有一些要删除。 IE7不喜欢那些尾随逗号。