单击文件输入后，Fancybox正在关闭

I have a problem. I have form inside a fancybox. This form have a file field.

我有个问题。我在fancybox里面有表格。此表单有一个文件字段。

<div style="display:none"><div id="avatar_form">
      <%= form_for @user do |f| %>
      <%= f.file_field :avatar, :value => @user.profile.avatar %><br/>
      <%= f.submit "Change Avatar"  %><br/>
      <% end %>
</div></div>

But after clicking a button for choosing file fancy box is closing. But i dont want it to close.

但点击按钮选择文件花式框后正在关闭。但我不希望它关闭。

This calls a fancy box

这叫一个奇特的盒子

$("a#avatar").fancybox();

and here is ajax

这是ajax

$("#edit_user").bind("submit", function() {
    $.fancybox.showActivity();
    $.ajax({
        type        : "POST",
        cache   : false,
        url     : "anyurl",
        data        : $(this).serializeArray(),
        success: function(data) {
            $.fancybox(data);
        }
    });
    return false;
});

What i am doing wrong? i dont know what to do. Thanks in advance!

我做错了什么？我不知道该怎么办。提前致谢！

1 个解决方案

#1

Hmmm. I would first try stopping the file input from propagating any events up the DOM tree, which might be unwantedly triggering a close event:

嗯。我首先尝试阻止文件输入在DOM树上传播任何事件，这可能会不必要地触发关闭事件：

    success: function(data) {
        $.fancybox(data);
        $("#avatar_form > form > input[type='file']").on("click change", function (e) {
            e.stopPropagation();
        });
    }

1 个解决方案

#1

更多相关文章

随机推荐