IE совместимый перетаскиваемый Div

Question

Прилагается скрипка для ввода концепции, аналогичная той, что есть на iPhone.Использует библиотеку под названием iScroll4, которая работает на всех, кроме IE.

Я протестировал IE 8 и IE 9, и оба не работают.Вот скрипка, которая будет работать с Firefox, Chrome, Safari и сенсорными мобильными устройствами.

http://jsfiddle.net/XHPYF/

Может ли кто-нибудь решить эту проблему?

Answer 1

У iScroll эта проблема уже давно. Вам нужно обновить код iScroll вручную, чтобы исправить это. Решение Zyrex в порядке, но может быть лучше:

if(!document.addEventListener) {
        document.attachEvent('touchmove,', function (e) {
            e.preventDefault();
        }, false);
        document.attachEvent('DOMContentLoaded', loaded, false);
    } 

    else {
        document.addEventListener('touchmove', function (e) {
            e.preventDefault();
        }, false);
        document.addEventListener('DOMContentLoaded', loaded, false);
    }  

Answer 2

Что вы имеете в виду под «не работают в IE»?

Я столкнулся с проблемой, что моя полная страница не загружается в IE при использовании iScroll.Произошла ошибка в eventListener.

Я исправил это, переключив прослушиватель событий, если IE <= Версия 8. И это сработало. </p>

if(getInternetExplorerVersion() != '-1' && getInternetExplorerVersion() <= '8') {
        document.attachEvent('touchmove,', function (e) {
            e.preventDefault();
        }, false);
        document.attachEvent('DOMContentLoaded', loaded, false);
    } 

    else {
        document.addEventListener('touchmove', function (e) {
            e.preventDefault();
        }, false);
        document.addEventListener('DOMContentLoaded', loaded, false);
    }