Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kenshin/ember-bridge-jqm

Ember.js Bridge jQuery Mobile
https://github.com/kenshin/ember-bridge-jqm

Last synced: 14 days ago
JSON representation

Ember.js Bridge jQuery Mobile

Awesome Lists containing this project

README

        

##Pagination Actionscript 3.0 Library
基于Ember.js 0.9.8.1的jQuery Mobile“代理”插件

### 使用方法:
依赖:


<script src="ember-0.9.8.1.min.js"></script>
<script src="jquery-1.8.0.min.js"></script>

引入:


<script src="ember-bridge-jqm.js"></script>

使用(JavaScript):


App.PageView = Mov.PageView.extend({
templateName:'main',
id: 'page-view',
didInsertElement: function() {
$.mobile.changePage(this.$());
}
});
App.HeaderView = Mov.HeaderView.extend();
App.FooterView = Mov.FooterView.extend();
App.ContentView = Mov.ContentView.extend();

使用(HTML):


<script type="text/x-handlebars" data-template-name="main"></script>

{{#view App.HeaderView}}
<h1>Adobe Reader</h1>
{{/view}}

{{#view App.ContentView}}
{{/view}}

{{#view App.FooterView}}
<h3>via <a href="http://www.k-zone.cn/zblog">Kenshin</a></h3>
{{/view}}

</script>

<div data-role="page"></div>

## 参考:
* [https://github.com/LuisSala/emberjs-jqm](https://github.com/LuisSala/emberjs-jqm)
* [https://github.com/tolbard/ember-moving](https://github.com/tolbard/ember-moving)

## 更新日志:
version 1.0 [2012-8-27]
* 适合Ember.js 0.9.8.1与jQuery Mobile 1.2.0 alpha(及以下)版本
* 适合jQuery Mobile单页面模式

## 联系方式:
* 博客:[k-zone.cn](http://www.k-zone.cn/zblog)
* 微博:[新浪微博](http://weibo.com/23784148)
* 联络:kenshin[AT]ksria.com

## 版权和许可:
Copyright 2012 [k-zone.cn](http://www.k-zone.cn/zblog)
Licensed under MIT or GPL Version 2 licenses