title: Load Php Page Inside Jquery Chrome Tabs
body: <p>I am Trying to Implement a Tab Like interface For my Php Project. For this I have added below Jquery <code>chrome tabs</code> <a href="https://github.com/adamschwartz/chrome-tabs/" rel="nofollow noreferrer">https://github.com/adamschwartz/chrome-tabs/</a>, It is working fine but I am not finding any way to load different php page inside each individual tab. I have added tab adding event inside below function passing url as parameter.</p>
  <pre><code>function loadTab(url)
  {
      el.addEventListener('activeTabChange', ({ detail }) =&gt; console.log('Active tab changed', detail.tabEl))
      el.addEventListener('tabAdd', ({ detail }) =&gt; console.log('Tab added', detail.tabEl))
      el.addEventListener('tabRemove', ({ detail }) =&gt; console.log('Tab removed', detail.tabEl))
  
      chromeTabs.addTab({
        title: url,
        favicon: false,
                data: {
                  timeAdded: +new Date(),
                }
      })
  }
  
  Calling the function from click event is adding tab and taking the url as tab title.How can I load php page inside the tab like below or any other way. Pls suggest
  $(elem).load(&quot;ajax/page_url.php&quot;);
    
  </code></pre>