主干:准备好文档脚本

Backbone | Script for document ready

本文关键字：脚本 文档 准备好 主干      更新时间：2023-09-26

有一个脚本(js)，我希望像$(document).ready()一样运行。有一种方法可以在模板中编写脚本(例如:home_tpl.html)文件。但我肯定这不是一个好方法。

我是从主干视图加载html。我没有使用任何其他包装，如marionate。在这里，我希望在加载模板(加载DOM)时运行一些脚本。我该怎么写剧本呢?

视图

 reset: function(key, email){
     require(['js/views/reset_password', 'js/models/forgot_password'], function(ResetView, ResetModel){
        var resetModel = new ResetModel();
        resetModel.set('key', key);
        resetModel.set('email', email);
        $('body').html(new ResetView({model: resetModel}).render().el);
     });
    },

视图代码

define(['text!tpl/reset_passwordtpl.html'],function(Template){
return Backbone.View.extend({
    template: _.template(Template),  
    render: function(){
        $(this.el).html(this.template());
        return this;
    },
    events: {
        "click #btn_reset_password": "reset"
    },
    reset: function(){
        if($('#reset_password').val() != $('#confirm_reset_password').val()){
            $('#error_message').text('Passwords mismatched').show();
        }   
        else{
            $.ajax({
                url: server_url + 'reset',
                type:'POST',
                dataType:"json",
                data: {'id': this.model.get('email'), 'key': this.model.get('key'), 'new_password': $('#reset_password').val()},
                success:function (data) {
                    if(data.error) {  // If there is an error, show the error messages
                        $('.alert-error').text(data.error.text).show();
                    }
                    else { // If not, send them back to the home page
                        $("#content").html("<h6>Your password is reset. Click <a href='#login'>here</a> to login.</h6>");
                    }
                }
            });
        }
    }
});
});

谢谢

应该有一个主视图。其中还包括样式表等。在页面的底部，就在正文结束标记之前。在一些脚本标记中只做文档。准备的事情。除非它也在模板中，在这种情况下，当涉及到视图时，我会考虑使用不同的结构。

如果你只是想在一个模板准备加载时这样做，我会使用success和一个匿名函数。

相关文章：