Getting the return from a 'shown' event handler inside a function - JavaScript / jQuery

Asked Jun 16 '16 at 03:53

Active Jun 16 '16 at 03:53

Viewed 50 times

I have a function called foo which is supposed to return the current visible element, but returns undefined instead.

function foo(){
  $('.bar').on('shown', function(){           // 'shown' is a bootstrap .js event
    return ($(this).attr('id').split('baz')); // returns 'undefined'
  });
}

According to Pointy's answer here, it does not make sense to return values from event handlers. If that's the case, what would be the conventional way to retrieve the return of foo(); when needed?

edited May 23 '17 at 12:08

Community

asked Jun 16 '16 at 03:53

dimitry_n

2,939
1
30
53

You could cache out the data you need in a higher scoped var (before foo). – James Collier Jun 16 '16 at 03:56
Show html of `.bar` – Mairaj Ahmad Jun 16 '16 at 03:57
`.bar` is actually `.accordion-toggle` (Bootstrap accordion class). If I CL it as `$('.accordion-toggle').length`, I get 3, which matches the number of accordions I have on page. – dimitry_n Jun 16 '16 at 03:59
@JamesCollier to a global var? – dimitry_n Jun 16 '16 at 04:00
@Dimitry_N not global because that's frowned upon. Say foo() is in a class, make a var at the class level. – James Collier Jun 16 '16 at 04:02
@JamesCollier ahh, the ES6 sorcery. Will give it a go. Thanks! – dimitry_n Jun 16 '16 at 04:05
You can not return from an asynchronous method... It makes no sense how foo would use an event to return what was shown. Your event handler should execute the code that needs than... – epascarello Jun 16 '16 at 04:09
@Dimitry_N consider a function inside of an object, or a function. That would work, too. – James Collier Jun 16 '16 at 04:13

Getting the return from a 'shown' event handler inside a function - JavaScript / jQuery

0 Answers0