tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 14:05:37 +02:00
Code Issues Projects Releases Wiki Activity

Merge pull request #3228 from daslicht/patch-1

Browse Source 
Update javascript.md
This commit is contained in:
Damian Mooyman 2014-06-23 08:45:17 +12:00
commit ecb0caf1a1
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
docs/en/topics/javascript.md
View File

@ -230,7 +230,7 @@ You can then click on any element in the CMS to see which entwine methods are bo
### Keep things simple ### Keep things simple
Resist the temptation to build "cathedrals" of complex interrelated components. In general, you can get a lot done in Resist the temptation to build "cathedrals" of complex interrelated components. In general, you can get a lot done in
jQuery with a few lines of code. Your jQuery code will normally end up as a series of event handlers applied with `jQuery.live()` or jQuery.entwine, rather than a complex object graph. jQuery with a few lines of code. Your jQuery code will normally end up as a series of event handlers applied with `jQuery.on()` or jQuery.entwine, rather than a complex object graph.
### Don't claim global properties ### Don't claim global properties
@ -265,20 +265,20 @@ Ready](http://docs.jquery.com/How_jQuery_Works#Launching_Code_on_Document_Ready)
### Bind events "live" ### Bind events "live"
jQuery supports automatically reapplying event handlers when new DOM elements get inserted, mostly through Ajax calls. jQuery supports automatically reapplying event handlers when new DOM elements get inserted, mostly through Ajax calls.
This "live binding" saves you from reapplying this step manually. This "binding" saves you from reapplying this step manually.
Caution: Only applies to certain events, see the [jQuery.live() documentation](http://docs.jquery.com/Events/live). Caution: Only applies to certain events, see the [jQuery.on() documentation](http://api.jquery.com/on/).
Example: Add a 'loading' classname to all pressed buttons Example: Add a 'loading' classname to all pressed buttons
:::js :::js
// manual binding, only applies to existing elements // manual binding, only applies to existing elements
$('input[[type=submit]]').bind('click', function() { $('input[[type=submit]]').on('click', function() {
$(this).addClass('loading'); $(this).addClass('loading');
}); });
// live binding, applies to any inserted elements as well // binding, applies to any inserted elements as well
$('input[[type=submit]]').live(function() { $('input[[type=submit]]').on(function() {
$(this).addClass('loading'); $(this).addClass('loading');
}); });
@ -419,7 +419,7 @@ HTML
JavaScript: JavaScript:
:::js :::js
$('.autocomplete input').live('change', function() { $('.autocomplete input').on('change', function() {
var resultsEl = $(this).siblings('.results'); var resultsEl = $(this).siblings('.results');
resultsEl.load( resultsEl.load(
// get form action, using the jQuery.metadata plugin // get form action, using the jQuery.metadata plugin
@ -647,4 +647,4 @@ afraid to experiment with using other approaches.
* [css](css) * [css](css)
* [Unobtrusive Javascript](http://www.onlinetools.org/articles/unobtrusivejavascript/chapter1.html) * [Unobtrusive Javascript](http://www.onlinetools.org/articles/unobtrusivejavascript/chapter1.html)
* [Quirksmode: In-depth Javascript Resources](http://www.quirksmode.org/resources.html) * [Quirksmode: In-depth Javascript Resources](http://www.quirksmode.org/resources.html)