How do i add hash url to this AJAX script?
I want to be able to navigate between my AJAX content using # url so i can send users to a specific page. How can i implement that functionality in this script?
- $(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"); // set initial sidebar page
- // 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;
- });
- });