jQuery 下，要在 DOM 准备就绪后绑定事件，可以写在 ready1 里：
| 代码如下 | 复制代码 |
|
$( document ).ready(function() { // 事件绑定代码写在这里 }); |
|
但 Ember.js 里我们不那么写，因为 jQuery 定义的 ready 触发时，也许 Ember.js 视图还没渲染完成，那个时候要给元素绑定事件，元素可能还不存在；你可能考虑用事件委托，但其实不必，因为 Ember.js 提供了一个更方便的事件：didInsertElement2。
Called when the element of the view has been inserted into the DOM or after the view was re-rendered. Override this function to do any set up that requires an element in the document body.
「在视图层的元素插入 DOM 或视图重新渲染后触发」。
假定我们有一个模板，名称为 user：
| 代码如下 | 复制代码 |
| <script type="text/x-handlebars" data-template-name="user"> <button class="js-submit">提交</button> </script> |
|
我们希望在点击提交按钮后 alert 一个消息，则这样写：
| 代码如下 | 复制代码 |
| App.UserView = Ember.View.extend({ didInsertElement: function(){ $('.js-submit').on('click', function(){ alert('我点击了提交按钮'); }); } }); |
|
这下我们就不需要担心绑定时 .js-submit 元素是不是存在 DOM 中。
时间： 2024-10-02 19:36:55