骨干|文档准备脚本

有一个脚本（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>"); 
        } 
       } 
      }); 
     } 
    } 
}); 
});

感谢

来源

2013-04-04 Tausif Khan

如果您的代码正在加载模板，那么您知道什么时候加载了“DOM”，难道您不知道（是在将内容添加到页面之后）。视图应该包含脚本，而不是模板。 – WiredPrairie 2013-04-04 12:36:16

我正在渲染视图并且视图正在加载模板。我认为它在内部加载它，当模板被加载时我无法找到一个点。 – 2013-04-04 12:54:08

你是如何渲染视图？它在Backbone中不是自动的。您需要调用render，并且在'render'中，例如，可以使用下划线的模板编译器来创建HTML，然后将其插入到DOM中。请编辑您的问题，以包括有关您困惑的地方的详细信息。 – WiredPrairie 2013-04-04 14:31:55

-1

某处你应该有一个主视图。还包括样式表等。在正文结束标记之前的页面底部。在一些脚本标记中，只需执行document.ready事情。除非这也是在模板中，在这种情况下，我会考虑在涉及视图时使用不同的结构。

如果您只是想在一个模板准备好加载时执行此操作，我会使用具有匿名函数的succes。

来源

2013-04-04 12:54:54

骨干|文档准备脚本

回答

相关问题