Home/ Questions/Q 7739205
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T08:27:50+00:00

I’m loading in some HTML content like this: $(‘#scores’).load(‘scores.php #scores’); Note that It is

  • 0

I’m loading in some HTML content like this:

$('#scores').load('scores.php #scores');

Note that It is a requirement that I target a specific part of scores.php (as there is other text surrounding the area I’m trying to target.

However the HTML generated by the load function is not targetable with JQuery.

For example if the #scores html is like this:

<div class="score">2335</div>

The JQuery Event listener doesn’t pickup on this:

$('.score').click(function(event){
  /* This doesn't work */
  alert('this alert never fires if the click event listener is an ajax generated item.');
});
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re probably not reactivating the .click event after the data has been loaded into the page. I’ve had this problem myself.

    The two solutions I’ve come up with are to use the success callback on the ajax to reactivate the click event (ensuring that it’ll always be live after it’s loaded) or to use the .on(“click”, function()) instead, because it’ll always exist.

    edit: changed live to on. force of habit.

    • 0