Функция IE8 - .on() в JQuery не поддерживается в ie8

Question

Привет, я использую cropit плагин для обрезки изображения в моем проекте. Но он показывает некоторую ошибку в методе .on() JQUERY во время выполнения этого в IE8. любезно помогите мне в этой проблеме.

Вот пример кода в codepen

ошибка показывает в следующем коде

this.$fileInput.on("change.cropit", this.onFileChange.bind(this)); 
     this.$preview.on(Cropit.PREVIEW_EVENTS, this.onPreviewEvent.bind(this)); 
     this.$zoomSlider.on(Cropit.ZOOM_INPUT_EVENTS, this.onZoomSliderChange.bind(this)); 
     if (this.options.allowDragNDrop) { 
      this.$preview.on("dragover.cropit dragleave.cropit", this.onDragOver.bind(this)); 
      return this.$preview.on("drop.cropit", this.onDrop.bind(this)); 
     } 

ОШИБКА показывает ТОЛЬКО В IE8. Заранее спасибо

Answer 1

Я загрузил коробку XP с IE 8. CodePen не не работает вообще, и ни делают другие крупные песочницы как JSFiddle или JSBin. Итак, я взял код из CodePen (в рабочем поле) и поместил его в статический HTML-файл. Далее, я связан с proper Cropit source file (не vendor.js, которые, возможно, были взяты из их страницы PR), а первая ошибка встречается не с JQuery, но с самой Cropit:

Object.defineProperty(exports, '__esModule', { 
    value: true 
}); 

Объект Безразлично» т поддерживает это свойство или метод

При дальнейшем исследовании выясняется, что IE8 имеет ограниченную поддержку defineProperty(). Фактически, из этого ECMA compatibility site IE8 борется с большинством Object объектов.

Проблема не в том, какую версию jQuery вы используете, это IE8. Вам просто нужно прекратить поддержку для него, как Microsoft will.

Answer 2

Это прекрасно работает в IE8 (реальная версия)

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script> 
$(document).ready(function() { 
    this.$fileInput.on("change.cropit", this.onFileChange.bind(this)); 
     this.$preview.on(Cropit.PREVIEW_EVENTS, this.onPreviewEvent.bind(this)); 
     this.$zoomSlider.on(Cropit.ZOOM_INPUT_EVENTS, this.onZoomSliderChange.bind(this)); 
     if (this.options.allowDragNDrop) { 
      this.$preview.on("dragover.cropit dragleave.cropit", this.onDragOver.bind(this)); 
      return this.$preview.on("drop.cropit", this.onDrop.bind(this)); 
     } 
}); 
</script>