Question

我有一个Backbone App，我使用Magnific Popup插件为我的popus。我有这个问题，当我填写一个Form并发布它，然后关闭Popup，然后再次打开它时，我之前输入的相同值仍然存在，例如Form不会以任何方式重置。有办法解决这个问题吗？

我的Backbone View的一个例子

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();
}

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

1 个答案: