Friday, 15 April 2011

file upload - jquery fileupload in modal - click handlers on buttons not firing first time in IE10 -


I will explain this strange problem with IE10.

I'm using the jquery fileupload plugin SimpleModal. There are 3 steps: 1. The user chooses a file 2. The progress bar is displayed 3. Users can click 'retry', 'Confirm' or 'Cancel'

Issue 3 For the stage, the events that click on those buttons do not work for the first time, even if you click on a button, then click on the second, the handler fires for the other.

Has any other person experienced this behavior? There are many IE10 related bugs with FileUpload and I have to know that it is one of them.

The code works fine in every other browser.

Which panel is being displayed for the user to use jquery hide , That means I hide all the panels with hide before () show the current panel with the show () when I deleted the call (), the problem is no longer there.

So it seems that the combination of simple model, the use of browse button and hide () was a problem.

As an alternative solution, I now move the non-displayed panels from the browser window, and the current property of the current panel sets the value to the appropriate value:

  Var panel = $ ('# upload_modal .upload_panel'); Panels.css ({status: 'full', left: '- 10000px', display: 'block'}); $ (Panel [index]). CSS ({status: 'full', left: '28 px '});   

Where the index is the index of the panel to be displayed to the user.

I hope that it helps another person who experiences this very vague problem.

No comments:

Post a Comment