Javascript callback method is not called?

I am trying to create a reusable Header object with a right button. I\’m having problems on my callback method on the button click. It\’s never called.

My object:

myHeader:function(params)   
{       
    opt = {
        title: \"Title\",  //header tittle
        fs: PrecApp.DEFAULT_HEADER_FONTSIZE, //font size
        ignoreStack :true, //ignore stack
        height: \"70\", //header height
        rightButton: {
            show :false, //show right button
            background: \"none\", //background for right button
            text: \"Button\", //text for right button
            width: \"auto\",
            height:\"auto\",              
            color:\"black\",
            fontize:1,
            extraCss: null,
            onClick:function(){}
        }
    }
for (i in params) opt[i] = params[i];

    if (opt.rightButton.show){
        var right = $(\"#header .right\");            
        right.click(opt.rightButton.onClick);           

    }       
}

And in my html :

function updateLayout(){
                PrecAppComponents.myHeader({
                    title:\"My Title\",
                    fs:1.5,
                    height:50,
                    rightButton:{
                        show:true,
                        background:\"#ffff00\",
                        text:\"Right\",
                        width:70,
                        height:30,
                        fontsize:1.1,
                        extraCss: {\"float\":\"left\", \"font-size\":\"0.5em\"},
                        onClick: PrecAppComponents.toggleDarkOverlay(true)

                    }
}

Everything else is working fine. If i replace

right.click(opt.rightButton.onClick);       

with

 right.click(function(
  console.log(\"clicked\")
));     

It works fine. What am I doing wrong?

Rating: 5 out of 5 based on 3 ratings

Posts Related to Javascript callback method is not called?

• Aug 11th, 2012 Consequences of this javascript code Saturday PM 12:25:09


• Jul 21st, 2012 jquery - How to pass returned public object from loaded JavaScript file into callback function? Saturday AM 05:58:36


• Jul 22nd, 2012 javascript - Callback recall itself Sunday PM 13:56:27


• Aug 16th, 2012 jquery - How do I delay ajax calls to the server in javascript? Thursday AM 07:03:53


• Aug 25th, 2012 rest - Writing a JavaScript Library: how to authorize methods? Saturday PM 16:20:41


• Jul 23rd, 2012 Easiest ways to use vars from PHP in HTML Monday AM 00:30:32


• Aug 03rd, 2012 jquery - Javascript call only once a child function with setInterval() Friday AM 09:52:51


• Jul 26th, 2012 How do I bind a function to a change in an object's data member in Javascript? Thursday AM 07:38:55


• Aug 05th, 2012 forms - onsubmit multiple javascript functions Sunday AM 03:39:01


• Jul 19th, 2012 javascript - setTimeOut() or setInterval() . 4 methods to apply same thing. which is best? Thursday PM 12:56:01

The post Javascript callback method is not called? appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/javascript-callback-method-is-not-called.html