Jquery delegate and IOS with .on()

I encountered a very annoying bug in IOS today. It appears IOS will not respect the delegate feature of the jQuery.on() function. After spending and hour trouble shooting I found this stackoverflow.

The simplest solution seems to be setting the element in question to cursor:pointer with css. Why this works I do not know!

Example:

    $('body').on('click','.icon-close',function(){
        $("#popup-content, .sidebar").fadeOut();
    });
    .icon-close{ cursor:pointer; }

Leave a Reply

Your email address will not be published. Required fields are marked *