Javascript IE7中的jquery问题
我刚刚开始使用JQuery,一直在阅读,并且已经成功地实现了一些简单的东西,改变了类等等。我一直在尝试为WordPress网站制作一个小型弹出面板。我正在使用InView插件的Protonet分支: 在FF、Safari、Chrome、IE8和IE7中,如果我只调用脚本,而不使用它,那么它可以很好地工作。一旦我添加了以下脚本来设置弹出按钮的动画,除了IE7之外,其他所有东西都可以工作,在该浏览器中,其他小型类更改脚本也无法工作,从而破坏了布局Javascript IE7中的jquery问题,javascript,jquery,internet-explorer-7,Javascript,Jquery,Internet Explorer 7,我刚刚开始使用JQuery,一直在阅读,并且已经成功地实现了一些简单的东西,改变了类等等。我一直在尝试为WordPress网站制作一个小型弹出面板。我正在使用InView插件的Protonet分支: 在FF、Safari、Chrome、IE8和IE7中,如果我只调用脚本,而不使用它,那么它可以很好地工作。一旦我添加了以下脚本来设置弹出按钮的动画,除了IE7之外,其他所有东西都可以工作,在该浏览器中,其他小型类更改脚本也无法工作,从而破坏了布局 jQuery(document).ready(fun
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之外的任何东西都很陌生,如果我遗漏了一些显而易见的东西,那么很抱歉。非常感谢你的建议
{
duration: 'slow',
easing: 'easeInExpo',
queue: 'true',
});
删除尾部的
,
。你有一些要删除。IE7不喜欢尾随逗号。谢谢Alex!这就解决了问题。在我继续学习的过程中,我一定会记住后面的逗号提示。