jQuery Mobile和Emberjs-選擇小部件

Question

我有一個Emberjs / jQuery Mobile應用程序，正在嘗試使用Select Widget。

http://jquerymobile.com/demos/1.1.1/docs/forms/switch/index.html

jsFiddle已通過jQuery Mobile進行了html增強，並且Ember生成的標記未能得到增強。

http://jsfiddle.net/mattkime/7qAef/

為什么余燼標記不是jQM？

Answer 1

當jQm為頁面設置樣式時，此select元素尚未在頁面中。

您可以為模板創建一個視圖，然后將jQm主題作為該視圖的didInsertElement上的元素。

<script type="text/x-handlebars" data-template-name="laa-laa">
<div data-role="fieldcontain">
    <label for="emberEnhanced">Ember Enhanced</label>
    {{view Em.Select
        contentBinding="App.booleanOptions"
        selectionBinding="App.power"
        optionLabelPath="content.label"
        optionValuePath="content.value"
        id="emberEnhanced"
      }}
    <hr/>
    Ember Enhanced Value:{{App.power.value}}
</div>
</script>
<script type="text/x-handlebars">
    {{view App.LaaLaa}}
</script>

---

App.LaaLaa = Em.View.extend({
    templateName : "laa-laa",
    didInsertElement:function(){
      this.$().trigger('create'); //for jQm to retheme element
      }
});

這是一個小提琴： http : //jsfiddle.net/7qAef/3/