IE中的jQuery无效参数5899

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

我尝试在Asp.NETMVC中使用jQuery插件。它适用于除IE以外的所有浏览器。
这是插件代码。我想知道是否有人对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();