I have an ajax, jQuery and PHP scripting that returns more data from a database as I scroll down (infinite scroll until more data is in the database).
The thing is that each data is placed into a div with a unique id, but only the initial content (loaded when the page is entered for the first time) appears in the HTML source.
Once the more content is displayed, none of if appears in the HTML source code.
Anyone knows how to get to the ids of the divs that are loaded on scroll? I need like an explanation of what’s going on.
thx
If you’re using Firefox, you can install Firebug and watch the HTML change dynamically (with your eyes!!): http://getfirebug.com/
On Chrome, you can use the built-in Developer Tools: https://developers.google.com/chrome-developer-tools/
To get the id’s of the elements that are loaded via AJAX, you’ll want to use jQuery’s
livefunction.