Fancybox закрывается после нажатия на файл ввода

Question

У меня проблема.У меня есть форма внутри фантазии.В этой форме есть поле для файла.

<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>

Но после нажатия кнопки для выбора файла фантазийное окно закрывается.Но я не хочу, чтобы это закрылось.

Это вызывает необычную коробку

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

, а вот 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;
});

Что я делаю неправильно?я не знаю что делатьЗаранее спасибо!

Answer 1

Хммм. Сначала я бы попытался остановить ввод файла от распространения любых событий вверх по дереву DOM, что могло бы нежелательно вызывать событие закрытия:

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