javascript - Ember 渲染模板后在 IE8 中显示占位符文本

Question

我找到了一个脚本 (jquery-placeholder)在 IE8 中的表单元素上呈现 HTML 占位符属性。它可以很容易地调用:

$('input, textarea').placeholder();

由于 Ember 将渲染这些元素，我需要等到它们被渲染后再调用此函数。有我可以绑定(bind)的事件吗？也许我可以将其添加到运行循环队列中？

Answer 1

正如 melc 已经指出的，您应该使用 didInsertElement Hook 来实现此行为。如果您想对所有 TextFields 或 TextArea 通常使用此功能，请考虑使用重新打开方法来修改/增强 Embers 默认实现:

Ember.TextField.reopen({
  placeHolderFunction : function(){
    this.$().placeholder();
  }.on('didInsertElement')
});

这会在您的应用程序中使用的所有 Ember.TextField 上自动调用占位符方法(此方法由 {{input}} 助手使用)。您可以对 Ember.TextArea 执行相同的操作，以便为 textarea 元素实现这一点。