Question

-3

jQuery click() event not firing on AJAX loaded HTML elements

rated 0 times [ 1] [ 4] / answers: 1 / hits: 53253 / 13 Years ago, tue, february 14, 2012, 12:00:00

the subject is pretty descriptive of my problem, I am assuming it won't work this way, is there a way to make it work? (workaround)?

Here is the code that is loaded via AJAX:

<div>

<div id=s0frame class=sframe></div>

<div id=s1frame class=sframe></div>

<div id=s2frame class=sframe></div>

<div id=s3frame class=sframe></div>

<div id=s4frame class=sframe></div>

<div id=s5frame class=sframe></div>

<div id=chatframe class=chat alpha60></div>

</div>

Here is my click event:

$('.sframe').bind('click', function() { 

    var seat_number = this.id.match(/d/g);

    alert(seat_number); 

});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

grayson

Add To Favorites

Follow

Total Points: 36

Total Questions: 113

Total Answers: 95

Location: Tonga

Member since Fri, Aug 21, 2020

4 Years ago

grayson questions

1 js error : 'createObjectURL' on 'URL': Overload resolution failed.

Sat, Mar 26, 22, 00:00, 2 Years ago

1 Play/Pause video onScroll in Reactjs

Mon, Sep 14, 20, 00:00, 4 Years ago

1 React Hook useContext is called in function age which is neither a React function component or a custom React Hook function

Mon, Feb 3, 20, 00:00, 4 Years ago

1 Adding Square Brackets to JSON-Object

Fri, Feb 22, 19, 00:00, 5 Years ago

1 React: set State or set Prop without a Rerender

Sat, Feb 9, 19, 00:00, 5 Years ago

View All

answered 13 Years ago payton · Accepted Answer

Do this.

 $(document).on(click,.sframe,function(e){

 var seat_number = this.id.match(/d/g);

 alert(seat_number); 

 });

or

 $(document).delegate(.sframe,click,function(e){

 var seat_number = this.id.match(/d/g);

 alert(seat_number); 



 });

Edit:

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate().