jquery object executing object's assigned function

Question

This is a simplified version.

If I do something like this:

var object = [{name:"bob", type:"silly", hair:"brown", func:someFunction},
              {name:"greg", type:"serious", hair:"blonde", func: differentFunction}]; 

$('#thing').bind("click", object[0], handleTranslator);

function handleTranslator(e){
    $([e.data.func]);
}

function someFunction(){
    console.log("clicking bob should trigger this function");
}

function differentFunction(){
    console.log("clicking greg should trigger this function");
}

When I click #thing, it should trigger someFunction but it doesn't. Not sure why.

Ideally, I'd like to also be able to see (console.log) my object[0] from inside someFunction.

Thanks for the help.

I'm assuming $([e.data.func]); is what is wrong. Everything else seems fine. — Shazboticus S Shazbot
– Shazboticus S Shazbot, Commented Feb 11, 2013 at 23:30

SeanCannon · Accepted Answer · 2013-02-11 23:30:27Z

1

You're not invoking your function:

function handleTranslator(e){
    e.data.func();
}

Demo: http://jsfiddle.net/CEdvt/

answered Feb 11, 2013 at 23:30

SeanCannon

78.1k17 gold badges126 silver badges145 bronze badges

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

2 Comments

Shazboticus S Shazbot Over a year ago

Uncaught TypeError: Property 'func' of object #<Object> is not a function

Shazboticus S Shazbot Over a year ago

This works... I tried it originally but I think I had my function in quote like: "differentFunction" TY

Collectives™ on Stack Overflow

jquery object executing object's assigned function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related