Databases
StackOverflow2013
Postsdbo
POJquery Listeners Not Working after performing load()
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery Listeners Not Working after performing load()
    primarykey
    data
    text
    <p>I have a DIV that contains paginated results of a MySQL query.</p> <p>I was attempting to use the .load() function to change the content of the DIV based upon the page number clicked.</p> <p>The functionality worked perfect except for the other event listeners stopped working properly. In the query results I had several listeners for clicking on different buttons etc which stopped working once I navigated away from page 1 even though the parent page never changes and the ids and names of the content is the same.</p> <p>This is the jquery I was using.</p> <pre><code>$('input[name="pagenumbutton"]').click(function(){ var thispagenum = this.value; var thispagestart = (thispagenum - 1) * 10; $("#result").load("querydb.php", "thispagestart="+thispagestart); }); </code></pre> <p>after clicking any of the inputs named pagenumbutton the result div content would update but then the following jquery would no longer fire.</p> <pre><code>$('img[name="appdetailimg"]').click(function(){ var appName = $(this).parent().parent().children().get(0).textContent; var appDetail = $(this).parent().children().get(1).value; document.getElementById('detaildivtd').textContent = appName + " : DETAIL"; document.getElementById('detailtext').value = appDetail; $("div#fuzz").fadeIn(); $("div#detaildiv").center(); $("div#detaildiv").show(); }); </code></pre> <p>Everything works perfectly fine if I change the page statically and reload the entire index page but not when I use the .load() function to only reload the div.</p> <p>Is this expected behavior with the .load() function or am I missing something?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USLarry Dougherty
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COThanks everyone for the amazing and quick responses. I used .on() for each of the elements that were reloaded and it all works great now.
      singulars
      1. POJquery Listeners Not Working after performing load()
      1. USLarry Dougherty
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload