jQuery .on("click") - alternative to .live()

javascript html jquery jquery-on
Casper Slynge picture Casper Slynge · Aug 7, 2013 · Viewed 8.9k times · Source

In my project I am appending several buttons to a div:

$(".tab-content").append("<div class='landing_content'><button class='off-screen-nav-button btn btn-info btn_edit' data-effeckt='effeckt-off-screen-nav-right-overlay'>Edit</button></div>");

and then listen for a click with the following code:

$(".tab-content").on("click",".btn-edit",function(){
  console.log('edit');
});

Why is this not working? I am used to use .live() but it has been deprecated.

Thanks.

Answer

Karl Anderson picture Karl Anderson · Aug 7, 2013

In your markup you have btn_edit and in your jQuery you have btn-edit.

Change your markup class to match the jQuery selector, like this:

$(".tab-content").append("<div class='landing_content'><button class='off-screen-nav-button btn btn-info btn-edit' data-effeckt='effeckt-off-screen-nav-right-overlay'>Edit</button></div>");

Related questions

How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More
How can I know which radio button is selected via jQuery?

I have two radio buttons and want to post the value of the selected one. How can I get the value with jQuery? I can get all of them like this: $("form :radio") How do I know which one is …

Read More
HTML text input allow only numeric input

Is there a quick way to set an HTML text input (<input type=text />) to only allow numeric keystrokes (plus '.')?

Read More