Question

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

我希望在不使用iframe的情况下完成此操作。

Answer 1

一个简单的方法是使用空内容启动所有选项卡，但加载页面的内容除外。

从我从简单的观察源看到的，他们有这种结构。

<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>

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

添加一个引用该特定表单数据的位置的ID可能更容易。例如，标签1可以具有ID“salesRecords”。让我们说你从getContent.php获得所有数据。现在，当用户激活onclick事件时，您使用ajax请求从url "getContent.php?id="+this.id获取信息，这当然会使用查询字符串来返回revelvant信息。

使用Spry打开选项卡上的内容

1 个答案: