jquery migration from 1.7 to 1.10.1

Question

I'am trying to migrate from jquery 1.7 to 1.10 and the live function do not work anymore.

$("#detail_content").on("click", ".close", function (a) {  // is ignored
//$("#detail_content .close").live("click", function (a) { //works fine with migrate
  console.log("click");
});

the div.detail_content is loading later via ajax but the close button do not work anymore if i change from .live to .on

I think the delegation is missing.

any idea?

possible duplicate of [jQuery: how to replace .live with .on?](http://stackoverflow.com/questions/10604328/jquery-how-to-replace-live-with-on) — VisioN, Jun 06 '13 at 11:46
it is not duplicated. the syntax is ok. In this case is the missing static parent the subject. — hamburger, Jun 06 '13 at 12:08

score 4 · Accepted Answer · answered Jun 06 '13 at 11:40

4

Looks like #detail_content also is an dynamic one, then try

$(document).on("click", "#detail_content .close", function (a) {  // is ignored
//$("#detail_content .close").live("click", function (a) { //works fine with migrate
  console.log("click");
});

answered Jun 06 '13 at 11:40

Arun P Johny

384,651
66
527
531

thx thats it. I'am new in jquery. With mootools you do not need a static element. – hamburger Jun 06 '13 at 12:09

score 2 · Answer 2 · answered Jun 06 '13 at 11:40

You should use any closest static parent element (or body at last):

$("body").on("click", "#detail_content .close", function() { ... });

So if you have the markup like:

<body>
    ...
    <div id="container">
        ...
        <div id="detail_content"><button class="close">Close</button></div>
    </div>
</body>

and #container is not replaced after Ajax call, then it is better to use:

$("#container").on("click", "#detail_content .close", function() { ... });

score 1 · Answer 3 · edited May 23 '17 at 12:34

1

The .live() method is deprecated in jQuery 1.10 and above. Use .on() method to attach event handlers.

So you can use this code instead of .live()

 $(document).on('click', '#detail_content .close', function(){
      //your Code
 });

I think this answer is useful for you and in this page you can see all deprecated method and it's useful for someone who want to migration from 1.7 to 1.10

edited May 23 '17 at 12:34

Community

1
1

answered Jul 31 '13 at 05:39

Majid Golshadi

2,686
2
20
29

score 0 · Answer 4 · answered Jun 11 '13 at 16:33

0

VisioN, is it not the same to just use the following?

$(document).ready(function(){
    $(".close").click(function(){
        console.log("clicked");
    }
});

Is there something about the code above that is slower or less efficient somehow?

answered Jun 11 '13 at 16:33

Sean Kendle

3,538
1
27
34

jquery migration from 1.7 to 1.10.1

4 Answers4