jQuery: get element from server onclick work

Question

$(function() {
   $('.class1 a, .class2 a').click(function(e) {    
      href = $(this).attr("href");              
      $.post(href,function(data) { 
         $('#content').html('');        
         $('#content').append(data);          
      });   
   });
});

if class2 back form server such as ..,that onclick function doesn't work on this class,how to fix this?

Konrad Viltersten · Accepted Answer · 2012-12-04 13:54:03Z

1

You need preventDefault:

$('.class1 a, .class2 a').click(function(e) {    
  e.preventDefault();
  ...
});

edited Dec 4, 2012 at 13:54

Konrad Viltersten

40.2k90 gold badges297 silver badges525 bronze badges

answered Dec 4, 2012 at 13:35

webdeveloper

17.3k3 gold badges51 silver badges47 bronze badges

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

8 Comments

miket Over a year ago

e.preventDefault(); this not the problem

webdeveloper Over a year ago

@miket Your ajax request can't work without preventDefault, because as I can see your link is not empty and it's not a hash

miket Over a year ago

The full code contains e.preventDefault();,above is a fragment

miket Over a year ago

If you click a tag within class1,then in container there's a a tag within class2 back from sever ,but this class2 a tag onclick doesnt work

webdeveloper Over a year ago

@miket As Stefan write you need api.jquery.com/live or api.jquery.com/on on container of this elements, which one to use depends on your jquery version.

|

Stefan · Accepted Answer · 2012-12-04 13:34:56Z

1

Try using 'on' with a filter on 'class1 a, class2 a' on the body elemnt instead of searching the page for all classes.

Explanation: $('.class1 a, .class2 a'). searches for all elements an adds a event. When you add content later on, the event isn't added to it.

answered Dec 4, 2012 at 13:34

Stefan

15k17 gold badges92 silver badges155 bronze badges

3 Comments

miket Over a year ago

if class1 a and class2 are not back from sever ,even up to class8 it's works ok.

miket Over a year ago

The problme is how to get the element from server onclick work

miket Over a year ago

Stefan is right ,by the clue Stefan give I found this : stackoverflow.com/questions/815856/…

Collectives™ on Stack Overflow

jQuery: get element from server onclick work

2 Answers 2

8 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related