Javascript 在使用Spry打开的选项卡上加载内容

是否可以在Spry选项卡打开时加载该选项卡的内容，而不是在开始时加载所有选项卡的所有内容

---

我更愿意在不使用iframe的情况下实现这一点。

一个足够简单的方法是以空内容启动所有选项卡，除了随页面加载的选项卡

从我从一个简单的视图源中看到，它们有这样的结构

<div class="TabbedPanels" id="tp1">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 3</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 4</li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent"> Tab 1 Content </div>
    <div class="TabbedPanelsContent"> Tab 2 Content </div>
    <div class="TabbedPanelsContent">
      <p>Tab 3 Content </p>
      <p>More Content</p>
      <p>More Content</p>
    </div>
    <div class="TabbedPanelsContent"> Tab 4 Content</div>
  </div>
</div>

选项卡1
选项卡2
选项卡3
选项卡4

表1内容
表2内容
表3内容

更多内容

更多内容

表4内容

在#tp1.TabbedPanelsTab上附加onclick事件侦听器，并将其链接到ajax请求。当用户单击选项卡时，它将启动请求并填充表单

添加一个ID来引用从何处获取该特定表单的数据可能更容易。例如，选项卡1可以具有ID“salesRecords”。也就是说，您从getContent.php获取所有数据。现在，当用户激活onclick事件时，您可以使用ajax请求从url

“getContent.php？id=“+this.id

”获取信息，这当然会使用查询字符串返回相关信息