模态中的jquery fileupload - 单击IE10中第一次不触发的按钮上的处理程序

时间:2013-06-21 16:07:18

标签: jquery file-upload simplemodal

我将用IE10解释这个奇怪的问题。

我在simplemodal中使用jquery fileupload插件。有3个阶段: 1.用户选择一个文件 2.显示进度条 3.用户可以点击“再试一次”,“确认”或“取消”

问题是,在第3阶段,这些按钮上的点击事件的处理程序第一次不起作用。但是,如果单击其中一个按钮,然后单击另一个按钮,则第二个按钮的处理程序将启动。

还有其他人遇到过这种行为吗?似乎有很多IE10与fileupload相关的错误,我需要知道这是否是其中之一。

代码在其他所有浏览器中都能正常运行。

1 个答案:

答案 0 :(得分:0)

我使用jquery hide()来改变向用户显示的面板,即我先用hide()隐藏所有面板,然后用show()显示当前面板。当我删除hide()调用时,问题不再发生。

所以看起来像是simplemodal,浏览按钮和使用hide()的组合就是问题。

作为一种解决方法,我现在将非显示的面板从浏览器窗口移开,并将当前面板的左侧属性设置为合适的值:

var panels = $('#_upload_modal .upload_panel');
panels.css({ position:'absolute', left:'-10000px', display:'block' });
$(panels[index]).css({ position:'absolute', left:'28px' });

其中index是要向用户显示的面板的索引。

我希望这可以帮助那些遇到这个相当模糊的问题的人。