I am newbie to jQuery, can someone explain what this code does:
$("#currency form").submit(function(e) {
triggers.eq(1).overlay().close();
return e.preventDefault();
});
Add a comment
|
3 Answers
The first line begins a function that handles the submit event of all form tag(s) in the element with ID currency.
Documentation: Selectors, submit event
The second line closes an overlay in the second element in the triggers variable.
Documentation: eq method, overlay plugin
The third line tries to prevent the submit, but isn't completely correct. (It should be e.preventDefault(); and/or return false;)
Documentation: event.preventDefault, event handlers
3 Comments
Alex Weber
+1 for correctness, without the "return false;" it might get submitted anyway
SLaks
@Alex: Wrong.
e.preventDefault() will prevent the submission, even without return false.Alex Weber
Fair enough, I still always add return false anyway! :P
triggers = a jQuery object
triggers.eq(1) = get the second element from the matched elements inside the jquery object
triggers.eq(1).overlay() = get the overlay instance (a plugin) on the second element
triggers.eq(1).overlay().close() = close the overlay.
return e.preventDefault(); = prevent the default action (form submission)
Comments
On the submit event of the form, it will:
- Get the second element in the triggers collection (of jQuery elements).
- Get the overlay on that element.
- Close that overlay.
- Prevent the submit event from bubbling to the parent handler.
