Emberjs 和 jQuery UI 集成问题答案

【问题标题】：Emberjs and jQuery UI integration questionsEmberjs 和 jQuery UI 集成问题
【发布时间】：2012-04-28 11:27:55
【问题描述】：

我试图了解 jQueryUI 和 Emberjs 之间的集成应该如何完成。我对 libs 和 javascript 都很陌生，所以这可能是一个新手问题。
我有这个 jsfiddle 设置：http://jsfiddle.net/pSKgV/1/ 并呈现这个结果文档：

<body class="ember-application">  
    <div id="ember129" class="ember-view">  
        <div id="ember163" class="ember-view ui-draggable"></div>  
    </div>  
</body>

代码大部分取自这篇博文：http://www.lukemelia.com/blog/archives/2012/03/10/using-ember-js-with-jquery-ui/

问题：如何在内部 div 中放置一些东西？我想放一些我可以绑定的内容。我尝试了以下方法： {{view App.Draggable}}Drag Me{{/view}} 但这会出错。我也试过将此添加到 App.Draggable 对象：

didInsertElement: function() {  
     this.$().html(“Drag Me”)  
     }

但这并没有给出预期的结果。在这种情况下，如何使用/访问 jquery/jqueryui 函数（例如 .html()）的最佳方式是什么？
另外，外部 div 是必需的还是我可以让这个视图只呈现一个 div 元素？

问候奥斯卡

【问题讨论】：

标签： jquery-ui ember.js jquery-ui-draggable

【解决方案1】：

http://jsfiddle.net/ud3323/XMgwV/

您忘记了# 符号{{#view App.Draggable}}Drag me{{/view}}。您还应该使用 Ember.Namespace.create() 在 Ember 中创建命名空间，而不仅仅是使用空的 {}

【讨论】：

你应该接受这个答案，这样 Roy 才能获得他的声誉 :) 此外，使用 Ember.Namespace 的一个令人信服的原因是调试会更容易，因为对象名称的通用符号将被美化 (MyNamespace .MyClass) 调试输出中的字符串。好用！
请原谅我的礼貌，现在已经接受了答案！我还可以将答案添加到我的后续问题中。外部 div 似乎是 ember/handlebars 的占位符。其他视图元素也会在这个 div 中结束。不确定访问 .html 方法或其他类似方法是否有意义，应该避免