Pentium10
Pentium10

Reputation: 207902

Explain this fragment of Javascript to me

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();
    });

Upvotes: 3

Views: 297

Answers (3)

SLaks
SLaks

Reputation: 887415

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

Upvotes: 12

Justin Niessner
Justin Niessner

Reputation: 245419

On the submit event of the form, it will:

  1. Get the second element in the triggers collection (of jQuery elements).
  2. Get the overlay on that element.
  3. Close that overlay.
  4. Prevent the submit event from bubbling to the parent handler.

Upvotes: 2

redsquare
redsquare

Reputation: 78667

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)

Upvotes: 2

Related Questions