Exploring ajax for the first time and having some issues.
Currently, I am retrieving text from files based on the URL.
This is how it's set up:
var home_url = "blahblah/index.html#home";
var test_url = "blahblah/index.html#test";
$(document).on("click",".ajax_load",function(){
if (location.href === home_url) {
$("#main").load("src/home.txt");
};
if (location.href === test_url) {
$("#main").load("src/test.txt");
};
});
Although this method works, the content only loads after the second button press. To clarify:
button press -> 2nd button press -> content loaded
I believe this delay is due to the code not recognizing the URL until after the initial press causing the if statements to trigger only after the second click.
Seeking assistance in resolving this issue to load content with just one button press.
Thank you.