Navigate AJAX loaded content with link
I want to send users to a specific page in my AJAX loaded content with a url. How can i implement this in the AJAX bellow?
- $(document).ready(function() {
- //set your initial pages when website loads
- $("#content-container").load("content/corporate.php"); // set initial home page
- $("#sidebar-container #sidebar-content-container").load("content/sidebar-content/poll-faq.php");
- // content container load content based on nav tab clicked
- $("#nav-tabs-list li").click(function() {
- var page = $("a", this).attr("href"); // get the url of the tab clicked
- $("#content-container").load("content/" + page); // load content inside #content-container
- return false;
- });
- // sidebar container load content
- $("#sidebar-container #sidebar-tabs-container a").click(function() {
- var page = $(this).attr("href"); //get the url of the tab clicked
- $("#sidebar-container #sidebar-content-container").load("content/sidebar-content/" + page); //load content
- return false;
- });
- });