Jquery UI Tabs for Dynamically generated web page

Jquery UI Tabs for Dynamically generated web page

Hi,

I tried to use jquery UI tabs for a PHP site. Below are the HTML code:

  1. div class="content-wrapper" id="tabs">
        <ul>
        <li><a href="/dashboard/school/7834e2a8-93c5-a75a-7e1c-c249afd54762#alreadySponsored">Already Sponsored</a></li>
        <li><a href="/dashboard/school/7834e2a8-93c5-a75a-7e1c-c249afd54762#alreadySponsored#newApplication">New Sponsor</a></li>
       
        </ul>
       
        <div id="alreadySponsored">
           </div>
        <div id="newApplication">
          </div>
    </div>

But I got error saying "Uncaught Error: jQuery UI Tabs: Mismatching fragment identifier."

If I just use
  1. <li><a href="#alreadySponsored">Already Sponsored</a></li>
It seems the jquery keep using ajax to fetch content from http://myDomain.com. The content on the page where jquery UI tabs is set is append to site's index.php content.

How can I set up jquery UI tabs correctly for pages dynamically generated by PHP CMS please?