How to use a function inside a custom jQuery function

Question

couldn't find a specific answer.

If I create a jQuery function, call it "doMobile" per say, and I want it to use a function inside of it if so, what do I do?

This is what I am trying to do:

$.fn.doMobile = function(somefunctioninside) {
  if ( $('.mobile').is(':visible') )
     somefunctioninside();
};

$('.menu').doMobile(function() {
  $(this).css('background-color', 'red');
});

When I it like that though, $(this) - $('.menu) doesn't becomes red.

@Cerbrus, the question you marked as duplicated is not the good one. The linked question doesn't use jQuery, which is crucial here since the OP want to use `this` as an HTML element. Im sure there is a duplicated somewhere, but it isn't this one (or there is a better one). — Karl-André Gagnon, Jun 25 '14 at 12:55
The question is about how to call `somefunctioninside`. The linked question explains exactly that. — Cerbrus, Jun 25 '14 at 12:58
@Cerbrus I agreed, but the answer will not solve the OP problem. He will, after reading it, ask "How to make `this` the HTML element?" — Karl-André Gagnon, Jun 25 '14 at 13:00
@Cerbrus hence why should suggest the OP to modify his question before closing it because you know the linked answer *answer* the question but his code will not work... — Karl-André Gagnon, Jun 25 '14 at 13:07
I don't think the question will be reopened matt, so here your answer. In your case, you want to use this : `this.each(somefunctioninside)`, but you could also use `somefunctioninside.call(this);`. The second one is different though, `this` will not be an HTML element, but a jQuery object, so don't need to wrap it inside a `$()`. — Karl-André Gagnon, Jun 25 '14 at 13:13
@Karl-AndréGagnon this.each(somefunctioninside) is exactly what I needed. Thanks! — matt4692, Jun 25 '14 at 13:27

Balachandran · Accepted Answer · 2014-06-25T13:34:38.987

0

Try this

$.fn.doMobile = function (someFunction) {
    someFunction.call(this);
};

$('.menu').doMobile(test);

function test() {
   this.css('background-color', 'green');
    alert("came");
}

pass this reference . @Karl-AndréGagnon told like this way

DEMO

edited Jun 25 '14 at 13:34

answered Jun 25 '14 at 12:53

Balachandran

9,567
1
16
26

I need $(this).css('background-color', 'red') to be inside test(). Im going to use this function multiple times to check if the document is watched on mobile devices and effect elements if so. – matt4692 Jun 25 '14 at 13:01
@matt4692 to check updated post to use conman by passing a reference – Balachandran Jun 25 '14 at 13:08
$('.menu').doMobile(test,test1,test2); you can pass more function – Balachandran Jun 25 '14 at 13:11
is that the best way to do it? I mean, when I use .click(function() ... I don't need to specify an element like you do with "elem". Is there a way around it? – matt4692 Jun 25 '14 at 13:12
@matt4692 can't post an answer, so i've commented on your question on how to do it. – Karl-André Gagnon Jun 25 '14 at 13:16
@Karl-AndréGagnon Got it! this.each worked like a charm. Thanks a lot! – matt4692 Jun 25 '14 at 13:20
@Karl-AndréGagnon thanks for given such valuable things ..i implemented your option – Balachandran Jun 25 '14 at 13:30

How to use a function inside a custom jQuery function

1 Answers1

DEMO