DIV не генерируется в IE7 с помощью jQuery

Question

Я не могу понять, почему этот скрипт не работает в IE7 и 8. Он отлично работает во всех других браузерах, но по какой-то причине в IE7 и 8 этот скрипт запускает только бит // thumbs hover, ине бит // loading images (который на самом деле важнее).Все вроде бы хорошо, у кого-нибудь есть идеи?

     function featuredJS() {

        $("[title]").attr("title", function(i, title) {
            $(this).data("title", title).removeAttr("title");
        });

        // loading images

        var last = "featured/01.jpg";

        $("#thumbs a").click(function(event) {
            event.preventDefault();
            var position = $(this).attr("class");
            var graphic = $(this).attr("href");
            var title = $(this).attr("alt");
            var description = $(this).data("title");
            var currentMargin = $("#full-wrapper #full").css("marginLeft");
            var currentWidth = $("#full-wrapper #full").css("width");
            var transitionTest = currentMargin.replace("px", "") * 1;
            if(last != graphic && ((transitionTest % 938) == 0 || transitionTest == 0)) {
                $("#placeholder").before( "<div class='featured'><div class='description " + position + "'>" + "<h3>" + title + "</h3>" + "<p>" + description + "</p>" + "</div><img src=\"" + graphic + "\" /><div style='clear:both;'></div></div>" );

                $("#full-wrapper #full").animate({
                    marginLeft: "-=938px"
                }, 500);

                $("#full-wrapper #full").css("width","+=938px");
                last = graphic;
            };
        });

        // thumbs hover

        $("#thumbs .thumb").hover(
            function () {
                $(this).find(".red-bar").animate({height:"72px"},{queue:false,duration:500});
            },
            function () {
                $(this).find(".red-bar").animate({height:"3px"},{queue:false,duration:500});
            }
        );

    };

Демонстрационная страница на http://www.weblinxinc.com/beta/welex/demo/

Answer 1

Ваша проблема вызвана тем, что для начала не установлено значение margin. transitionTest затем становится NaN, потому что стиль auto, а не 0px, как вы ожидаете. Попробуйте вместо этого попробовать:

var transitionTest = parseInt("0"+currentMargin,10);

Это обрезает «px» для вас, а также обрабатывает случай, когда поле является ключевым словом.