0

Emberjs / jQuery Mobileアプリを使用していて、SelectWidgetを使用しようとしています。

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

jsFiddleにはjQueryMobileによって拡張されたhtmlがあり、Emberによって生成されたマークアップは拡張できませんでした。

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

残り火のマークアップがjQM化されていないのはなぜですか？

4

1 に答える 1

3

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/

于 2012-07-31T02:36:20.613 に答える