2012-04-28 72 views
2

我想了解如何jQueryUI和Emberjs之間的集成應該完成。我是新來的兩個庫和JavaScript,所以這可能是一個新手問題。
我有這樣的jsfiddle設置:http://jsfiddle.net/pSKgV/1/並呈現此生成的文檔:Emberjs和jQuery UI集成問題

<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元素?

問候 奧斯卡

回答

4

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

您忘記了#符號{{#view App.Draggable}}Drag me{{/view}}。您還應該在Ember中使用Ember.Namespace.create()創建名稱空間,而不是僅使用空的{}

+0

啊,現在它按預期工作,謝謝先生! – oskbor 2012-04-28 18:57:00

+0

您應該接受答案,以便Roy獲得他的聲望:) 此外,使用Ember.Namespace的一個令人信服的理由是調試將變得更容易,因爲對象名稱的通用符號將替換爲已批准的(MyNamespace.MyClass)字符串調試輸出。便利! – 2012-04-29 04:02:04

+0

原諒我的禮貌,答案現在接受!我也可以將答案添加到我的後續問題中。外部div似乎是來自ember/handlebars的佔位符。其他視圖元素也在這個div內部結束。不確定訪問.html方法或其他類似方法是否有意義,應該避免它 – oskbor 2012-04-29 10:24:50