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

Question

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

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

I also tried:

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

but the message is never displayed.
And here is the code of containerMessage in the template.

<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

无需在ui 元素上添加selector。 ui 是一个将选择器映射到键的简单对象。

就用

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