Defining a click event programmatically

Question

I am creating a dynamic anchor tag like this

 var anch = $('<a />', {
                        'href': '#' + ctrlid,
                        'text': text
                    })

How do I add a click event while creating this tag that automatically calls a function say funcOne(ctrlid) and passes the ctrlid?

I tried this but no luck

 var anch = $('<a />', {
                        'href': '#' + ctrlid,
                        'text': text,
                        'onclick': funcOne(ctrlid)
                    })

thecodeparadox · Accepted Answer · 2013-08-07 17:47:07Z

6

var anch = $('<a />', {
    'href': '#' + ctrlid,
    'text': text
}).click(function () {
    // click handler code
});

DEMO

edited Aug 7, 2013 at 17:47

answered Aug 7, 2013 at 17:41

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

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

Comments

karim79 · Accepted Answer · 2013-08-08 00:10:46Z

3

var anch = $('<a />', {
    'href': '#' + text,
    'text': text,
     on: {
         click: function () {
            // do something
         },
         someOtherEvent: function () {
            // do something
         }
     }
});

Demo.

edited Aug 8, 2013 at 0:10

answered Aug 7, 2013 at 17:47

karim79

343k67 gold badges420 silver badges409 bronze badges

1 Comment

user1814374 Over a year ago

Brilliant, exactly what I wanted

Collectives™ on Stack Overflow

Defining a click event programmatically

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related