使用 BackboneJS 和 Magnific Popup 时如何重置表单

Question

我有一个 Backbone 应用程序，我在其中为我的 popus 使用 Magnific Popup 插件。我有这个问题，当我填写表单并发布它，然后关闭弹出窗口，然后再次打开它时，我之前输入的相同值仍然存在，例如表单没有以任何方式重置。有没有办法解决这个问题？

我的主干视图示例

myview.View = Backbone.View.extend({
    template: 'path/to/my/template/containing/form',
    initialize: function(){
        this.$el.appendTo("body");
        App.on('popup:form:close', this.closeformpopup);
    },
    closeformpopup(){       
        $.magnificPopup.close();
    },

    afterRender: function(){
        var servicesPopup = this.$el.magnificPopup({
            items: {
                src: '#formDiv',
                    type: 'inline',
                    mainClass: 'mfp-fade',
                },
                callbacks: {
                    open: function(){
                    // ... some function
                    },
                    close: function(){
                    // reset form here!!! HOW TO DO?
                    },
                }
            }, 0).magnificPopup('open');            

}


return myview;

我已经试过了

$('#form')[0].reset();

但这没有用，就像什么都没发生一样。

感谢任何帮助！

Answer 1

好的，我自己想通了：

close: function() {
    this.$el.remove();
}