Emberjs和jQuery UI集成问题

时间:2012-04-28 11:27:56

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

我试图了解如何完成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元素?

问候 奥斯卡

1 个答案:

答案 0 :(得分:4)

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

你忘了#symbol {{#view App.Draggable}}Drag me{{/view}}。您还应该使用Ember.Namespace.create()在Ember中创建名称空间,而不是仅使用空{}