How can I combine two similiar javascript functions?

Question

Is there a way to combine the following two instructions into more efficient code?

  $('.sandwiches').mouseleave(function () {
    $('.sandwiches').hide();
});
$('.food').mouseleave(function () {
    $('.sandwiches').hide();
});

Niet the Dark Absol · Accepted Answer · 2013-02-07 18:50:05Z

1

By combining the selectors:

$('.sandwiches,.food').mouseleave...

answered Feb 7, 2013 at 18:50

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Niet the Dark Absol Over a year ago

I have no idea. If you're worried about that, you may want to use the newer method: $('.sandwiches,.food').on('mouseleave',function...); which I believe creates just one.

Sebas Over a year ago

if it is about efficiency I guess this is important to reduce callback numbers

zzzzBov Over a year ago

@Sebas, .mouseleave is identical to .on('mouseleave') in that they both bind the handler to every element in the matched selection. In the case of delegated events (i.e. $('.foo').on('mouseleave', '.bar', fn)) handlers are bound to every element in the initial matched selection (i.e. every .foo element would have a handler, but it's likely that the .bar elements are far more numerous).

zzzzBov · Accepted Answer · 2013-02-07 18:50:09Z

0

Merge the selectors:

$('.sandwiches, .food').mouseleave(function () {
    $('.sandwiches').hide();
});

answered Feb 7, 2013 at 18:50

zzzzBov

180k57 gold badges328 silver badges375 bronze badges

Comments

Corey · Accepted Answer · 2013-02-07 19:01:23Z

0

You could attach a defined function to each element:

function hideElement(e) {
    $(this).hide();
}

$('.sandwiches,.food').mouseleave(hideElement);

answered Feb 7, 2013 at 19:01

Corey

5,8282 gold badges26 silver badges37 bronze badges

Collectives™ on Stack Overflow

How can I combine two similiar javascript functions?

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related