Question

I’m using jquery ui for the draggable part. #photo is the element which should be draggable. It works fine on Chrome and firefox, and the page doesn’t throw any errors on IE8. However when I try to drag the #photo on IE8 it doesn’t work.
There are 2 elements which make the final round image: 1. The actual rectangular blue photo. and 2. A mask with a circular hole which sits atop the image.
Now in Chrome if I right click on top and select ‘open image in new tab’ the blue photo opens up. However in IE, if I try to do the same I get the mask with a circular hole.
To sum up, he draggable is working, but the mask is being accessed in IE instead of the photo.

Here is the page where it isn’t working on IE8: http://bit.ly/zVPMvZ

Answer 1

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