在ItemView Marionette.js中使用jquery获取ui元素的正确方法

Question

我正在学习Marionette.js,并想知道使用jQuery操作ui元素的正确方法.在我的LoginItemView中,我声明了ui元素和一个显示无效登录错误消息的函数:

ui: {
  username: "#username",
  password: "#password",
  btnLogin: "#btnDoLogin",
  messageContainer: "#messageContainer"
},
displayMessage: function() {
  // show error message
  $(this.ui.messageContainer.selector).show();
},

我也尝试过:

  $(this.ui.messageContainer[0]).show();

但邮件永远不会显示.
这是模板中的containerMessage代码.

<div class="alert alert-danger alert-dismissable login-message-display" id="#messageContainer" style="display: none;">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
    <strong>Error!</strong> Username and/or password incorrect!
</div>

Answer 1

无需添加selectorui元素.ui是一个将选择器映射到键的简单对象.

只是用

$(this.ui.messageContainer).show();