骨干js常见的加载视图事件不应该在点击其他地方时改变

Question

我在骨干js工作。我在常见的负载中加载登录视图，并在每个路由器视图中调用公共负载。

以下代码写在登录视图中。单击任何其他页面链接时，视图将返回其原始位置。

我不希望这样，只有在点击特定视图事件时才会改变

这是全视图代码

define(["jquery",

"backbone",

"text!templates/login.html"],

function($, Backbone, tplLogin){

var View = Backbone.View.extend({

el:'#loginWrapper',

initialize:function(){

      this.template = _.template(tplLogin);

    },

     render:function(){
            $(this.el).html(this.template());
            return this;
        },
        events:{
            "click #btnLogin":"LoginUser",
            "click #linkLogout":"LogoutUser",
            "click #manageAccount":"ManageAccount"
        },

       LoginUser:function(e){
            e.preventDefault();
            $(".loginFields").hide();
            $(".loginUser").show();
            $("#userTypes").hide();
            $(".signinAlert").hide();
        },
        LogoutUser:function(e){
            e.preventDefault();
            router.navigate('home',true);
            $(".loginFields").show();
            $(".loginUser").hide();
            $("#userTypes").show();
            $(".signinAlert").show();
        },

        ManageAccount:function(e){
            e.preventDefault();
            router.navigate('trainer/manage-your-account',true);
        }

    });
    return View;
});