CODEWITHSUNDEEP
jquery
Daniele
Daniele

Reputation: 847

live() and on() methods are not equivalent?

I have a DOM element added with .append() and something like:

myObject.live({
     mouseenter: function() { // do something

and this works fine, but as jQUery 1.7 suggests, I've changed it with on(). But with on() the same function doesn't work. Should I go with live() or there's something I'm missing with on() to make it work with new DOM nodes?

As the jQuery docs states, those functions are quite similar:

live();

$("p").live({
click: function() {
$(this).after("<p>Another paragraph!</p>");
},
 mouseover: function() {
 $(this).addClass("over");
  },
    mouseout: function() {
     $(this).removeClass("over");
   }
});

on();

$("div.test").on({
 click: function(){
$(this).toggleClass("active");
  },
 mouseenter: function(){
$(this).addClass("inside");
 },
 mouseleave: function(){
  $(this).removeClass("inside");
 }
});

the latter will not work with a new node added with .append(); is this right?

Upvotes: 0

Views: 74

Answers (2)

xdazz
xdazz

Reputation: 160833

$(document).on('mouseenter', myObject, function() {
    //do something
});

Upvotes: 2

arunes
arunes

Reputation: 3524

Check it out http://www.jquery4u.com/jquery-functions/on-vs-live-review/

Upvotes: 3

Related Questions