IE中的jQuery无效参数5899
我尝试在Asp.NETMVC中使用jQuery插件。它适用于除IE以外的所有浏览器。IE中的jQuery无效参数5899,jquery,asp.net-mvc,internet-explorer,Jquery,Asp.net Mvc,Internet Explorer,我尝试在Asp.NETMVC中使用jQuery插件。它适用于除IE以外的所有浏览器。 这是插件代码。我想知道是否有人对IE中的不同之处有想法,可能是IE解析宽度的方式?还是固定宽度 $(function () { var totalPanels = $(".scrollContainer").children().size(); var regWidth = $(".panel").css("width"); var regImgWidth = $(".panel img").css("wi
这是插件代码。我想知道是否有人对IE中的不同之处有想法,可能是IE解析宽度的方式?还是固定宽度
$(function () {
var totalPanels = $(".scrollContainer").children().size();
var regWidth = $(".panel").css("width");
var regImgWidth = $(".panel img").css("width");
var regTitleSize = $(".panel h2").css("font-size");
var regParSize = $(".panel p").css("font-size");
var movingDistance = 200;
var curWidth = 300;
var curImgWidth = 250;
var curTitleSize = "15px";
var curParSize = "12px";
var $panels = $('#slider .scrollContainer > div');
var $container = $('#slider .scrollContainer');
$panels.css({ 'float': 'left', 'position': 'relative' });
$("#slider").data("currentlyMoving", false);
$container
.css('width', ($panels[0].offsetWidth * $panels.length) + 135)
.css('left', "-195px");
var scroll = $('#slider .scroll').css('overflow', 'hidden');
function returnToNormal(element) {
$(element)
.animate({ width: regWidth })
.find("img")
.animate({ width: regImgWidth })
.end()
.find("h2")
.animate({ fontSize: regTitleSize })
.end()
.find("p")
.animate({ fontSize: regParSize });
};
function growBigger(element) {
$(element)
.animate({ width: curWidth })
.find("img")
.animate({ width: curImgWidth })
.end()
.find("h2")
.animate({ fontSize: curTitleSize })
.end()
.find("p")
.animate({ fontSize: curParSize });
}
//direction true = right, false = left
function change(direction) {
//if not at the first or last panel
if ((direction && !(curPanel < totalPanels)) || (!direction && (curPanel <= 1))) { return false; }
//if not currently moving
if (($("#slider").data("currentlyMoving") == false)) {
$("#slider").data("currentlyMoving", true);
var next = direction ? curPanel + 1 : curPanel - 1;
var leftValue = $(".scrollContainer").css("left");
var movement = direction ? parseFloat(leftValue, 10) - movingDistance : parseFloat(leftValue, 10) + movingDistance;
$(".scrollContainer")
.stop()
.animate({
"left": movement
}, function () {
$("#slider").data("currentlyMoving", false);
});
returnToNormal("#panel_" + curPanel);
growBigger("#panel_" + next);
curPanel = next;
//remove all previous bound functions
$("#panel_" + (curPanel + 1)).unbind();
//go forward
$("#panel_" + (curPanel + 1)).click(function () { change(true); });
//remove all previous bound functions
$("#panel_" + (curPanel - 1)).unbind();
//go back
$("#panel_" + (curPanel - 1)).click(function () { change(false); });
//remove all previous bound functions
$("#panel_" + curPanel).unbind();
}
}
// Set up "Current" panel and next and prev
growBigger("#panel_3");
var curPanel = 3;
$("#panel_" + (curPanel + 1)).click(function () { change(true); });
$("#panel_" + (curPanel - 1)).click(function () { change(false); });
//when the left/right arrows are clicked
$(".right").click(function () { change(true); });
$(".left").click(function () { change(false); });
$(window).keydown(function (event) {
switch (event.keyCode) {
case 13: //enter
$(".right").click();
break;
case 32: //space
$(".right").click();
break;
case 37: //left arrow
$(".left").click();
break;
case 39: //right arrow
$(".right").click();
break;
}
});
$(函数(){
var totalPanels=$(“.scrollContainer”).children().size();
var regWidth=$(“.panel”).css(“宽度”);
var regImgWidth=$(“.panel img”).css(“width”);
var regTitleSize=$(“.panel h2”).css(“字体大小”);
var regParSize=$(“.panel p”).css(“字体大小”);
var移动距离=200;
var-curWidth=300;
var curImgWidth=250;
var curTitleSize=“15px”;
var curParSize=“12px”;
var$panels=$(“#slider.scrollContainer>div”);
var$container=$(“#slider.scrollContainer”);
$panels.css({'float':'left','position':'relative'});
$(“#滑块”).data(“currentlyMoving”,false);
$container
.css('width',($panels[0].offsetWidth*$panels.length)+135)
.css('左',“-195px”);
var scroll=$('#slider.scroll').css('overflow','hidden');
函数returnToNormal(元素){
$(元素)
.animate({width:regWidth})
.查找(“img”)
.animate({width:regImgWidth})
(完)
.查找(“h2”)
.animate({fontSize:regTitleSize})
(完)
.查找(“p”)
.animate({fontSize:regParSize});
};
函数(元素){
$(元素)
.animate({width:curWidth})
.查找(“img”)
.animate({width:curImgWidth})
(完)
.查找(“h2”)
.animate({fontSize:curTitleSize})
(完)
.查找(“p”)
.animate({fontSize:curParSize});
}
//方向真=右,假=左
功能改变(方向){
//如果不是在第一个或最后一个面板上
如果((direction&!(curPanelwidth
属性,请尝试使用jQuery的.width()
方法来获得宽度
因此,不是:
var regWidth = $(".panel").css("width");
var regImgWidth = $(".panel img").css("width");
尝试:
也许jQuery做了一些修复。让我知道它是如何运行的。我认为标题相当具体,但是当它在IE浏览器中呈现时,它在jQuery 1.4.2中抛出了一个无效的参数5899。我已经看完了一些文档,看起来IE在jQuery中的宽度有问题,但是我看不出这将在这个特定插件中应用。Tha谢谢你的帮助!我最终使用了一些不同的东西,但这确实解决了IE的问题。
var regWidth = $(".panel").width();
var regImgWidth = $(".panel img").width();