jQuery-UI Draggable не работает в IE 8, но работает в Chrome и Firefox

Question

Я использую jquery ui для перетаскиваемой части. #photo - это элемент, который нужно перетаскивать. Он отлично работает на Chrome и firefox, и страница не вызывает ошибок в IE8. Однако, когда я пытаюсь перетащить #photo на IE8, это не сработает. Есть два элемента, которые делают окончательный круглый образ: 1. Фактическая прямоугольная синяя фотография. и 2. Маска с круглым отверстием, которая сидит поверх изображения. Теперь в Chrome, если я нажму правой кнопкой мыши и выберите «открыть изображение в новой вкладке», откроется синяя фотография. Однако в IE, если я попытаюсь сделать то же самое, я получаю маску с круглым отверстием. Подводя итог, он перетаскивает, но маска просматривается в IE вместо фотографии.

Вот страница, на которой он не работает на IE8: http://bit.ly/zVPMvZ

Answer 1

$('#mytopdiv').mousedown(function(ev) { 
    $('#bottomdiv').trigger(ev); 
});