我试图了解如何完成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元素?
问候 奥斯卡
答案 0 :(得分:4)
http://jsfiddle.net/ud3323/XMgwV/
你忘了#symbol {{#view App.Draggable}}Drag me{{/view}}
。您还应该使用Ember.Namespace.create()
在Ember中创建名称空间,而不是仅使用空{}