jquery и jquery.ui работают во всех браузерах, кроме IE 7 - почему?

Question

Я написал небольшое приложение jquery, которое позволяет человеку сдвинуть ручку на 200 пикселей вправо.

Приложение использует jQuery 1.2.6 и jquery UI 1.5.3

Мой скрипт работает безупречно во всех браузерах, кроме 7 (т.е. 6 не проверено, все равно). Это даже работает в т.е 8.

чтобы увидеть приложение кода в действии и код через исходный код, пожалуйста, проверьте http://iomobile.dev.devsu.com.

iphone-unlock.js - это код jquery, который использует style.css специально для графических элементов. Извините, это очень медленно - кэширование отключено во время отладки.

Также нет ошибок при отладке. Любые мысли о том, почему это происходит, очень ценятся.

Я подумал, что может быть полезно добавить код в редактирование: $ (Документ) .ready (функция () {

var unlock = function()
{

    $.openPopupLayer({
        name: "iPhoneInteract",         
        url: "/sites/all/themes/tao/templates/iphone.html",

        afterClose: function () {
            $("#unlock-handle").animate({"left" : "-1"} );
            $("#slide-to-unlock").animate({opacity: 1}, 200 );
        top.location.href = 'http://iomobile.dev.devsu.com/?device=desktop';
        }
    });


}



$("#unlock-slider").slider({
    handle: "#unlock-handle",
    animate:true,
    slide: function(e,ui)
    {
        $("#slide-to-unlock").css("opacity", 1-(parseInt($("#unlock-handle").css("left"))/120));
    },
    stop: function(e,ui)
    {
        if($("#unlock-handle").position().left == 210)
        {
            unlock();
        }
        else
        {
            $("#unlock-handle").animate({left: 0}, 200 );
            $("#slide-to-unlock").animate({opacity: 1}, 200 );
        }
    }
    }
);

}); введите код здесь

Answer 1

IE7 имеет проблему с анимацией, если выполняются два условия:

• A, содержащий DIV, имеет положение: относительное, AND
• Анимационное свойство не установлено (в этом случае"left")

Глядя на style.css, кажется, что вы устанавливаете значение для "left", но # unlock-bottom имеет позицию: относительную, поэтому неясно, специфичен ли для IE7проблема относится.Может быть полезно отладить анимированные элементы в контейнере, который не имеет позиции: относительно, чтобы увидеть, исчезла ли проблема.

См. http://www.electrictoolbox.com/jquery-animation-issues-ie7-position-relative/

Answer 2

Во-первых, попробуйте использовать последние версии обоих (jQuery 1.5.1 / UI 1.8.9). Нет причин полагаться на устаревший код, между выпусками

исправлены сотни ошибок