我有一个 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/
为什么 ember 标记没有经过 jQM 化?
最佳答案
虽然 jQm 为您的页面设置样式,但此选择元素尚未出现在页面中。
您可以为模板创建一个 View ,然后将 jQm 主题设置为 View 的 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
}
});
这是一个 fiddle :http://jsfiddle.net/7qAef/3/
关于javascript - jQuery Mobile 和 Emberjs - 选择小部件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11729777/