diff --git a/_includes/site-header.html b/_includes/site-header.html index addcdd8a9..ada6e3312 100644 --- a/_includes/site-header.html +++ b/_includes/site-header.html @@ -1,6 +1,6 @@ diff --git a/ractive.md b/ractive.md index eae22e85c..a70d8539e 100644 --- a/ractive.md +++ b/ractive.md @@ -34,9 +34,9 @@ vim: ft=javascript sanitize: false }) -### Instance methods +## Instance methods -Updating values: +### Updating values view.add('count', 1) //=> promise view.subtract('count', 1) //=> promise @@ -50,7 +50,7 @@ Updating values: view.get('a') view.data.a -Nodes and components: +### Nodes and components view.find('.klass') view.findAll('.klass') @@ -60,13 +60,13 @@ Nodes and components: view.findComponent('photo') view.findAllComponents('photo') -Events: +### Events view.on('event', function() { ... }) view.off('event', fn) view.fire('event') -Etc: +### Others view.update() view.updateModel() @@ -78,14 +78,17 @@ Etc: view.toHTML() //=> String view.render() -### Extend +## Extend View = Ractive.extend({ ... }) new View() -### [Components](https://github.com/RactiveJS/Ractive/wiki/Components) +## [Components](https://github.com/RactiveJS/Ractive/wiki/Components) + +See: https://github.com/RactiveJS/Ractive/issues/74 +{:.center} Widget = Ractive.extend({ ... }) @@ -97,14 +100,12 @@ Etc: } }); -See: https://github.com/RactiveJS/Ractive/issues/74 - -### Partials +## Partials // Global partials Ractive.partials.x = "<..>" -### Events +## Events view.on('teardown') @@ -127,7 +128,7 @@ See: https://github.com/RactiveJS/Ractive/issues/74 console.log("Changed name to", name); }, { init: false }); -### Markup +## Markup Hello, {{name}} Body: {{{unescaped}}} @@ -147,7 +148,7 @@ See: https://github.com/RactiveJS/Ractive/issues/74 {{#statusDogs[selected]}} -### Transformed attributes +## Transformed attributes This transforms the `list` attribute via a helper function called `sort()`. @@ -159,7 +160,7 @@ This transforms the `list` attribute via a helper function called `sort()`. sort: function(array, column) { return array.whatever(); } } -### Transitions +## Transitions
@@ -180,7 +181,7 @@ This transforms the `list` attribute via a helper function called `sort()`. t.complete(); }; -### [Decorators](http://docs.ractivejs.org/latest/decorators) +## [Decorators](http://docs.ractivejs.org/latest/decorators) Hover me @@ -199,7 +200,7 @@ This transforms the `list` attribute via a helper function called `sort()`. tooltip: function (node, a, b, two, c) { ... } -### [Adaptors](http://docs.ractivejs.org/latest/adaptors) +## [Adaptors](http://docs.ractivejs.org/latest/adaptors) myAdaptor = { filter: function (object, keypath, ractive) { @@ -221,7 +222,7 @@ This transforms the `list` attribute via a helper function called `sort()`. } }; -### [Computed properties](http://docs.ractivejs.org/latest/computed-properties) +## [Computed properties](http://docs.ractivejs.org/latest/computed-properties) new Ractive({ template: '{{area}}',