jQuery Mobile & Emberjs - 위젯 선택

Question

Emberjs/jQuery Mobile 앱이 있는데 선택 위젯을 사용하려고합니다.

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

jsFiddle 향상시킬 못한 jQuery를 모바일 및 엠버 생성 태그에 의해 강화 HTML을 갖는다.

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

왜 엠버 마크 업 JQM-ified하게하지?

Answer 1

jQm이 페이지 스타일을 지정하지만이 요소는 아직 페이지에 없습니다.

템플릿의보기를 만든 다음 jQuery 테마를 뷰의 didInsertElement에 추가 할 수 있습니다. http://jsfiddle.net/7qAef/3/

: 여기

---

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

<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> 

는 바이올린입니다