标签中的jQuery UI Tabs问题加载链接

Question

jQuery UI选项卡有问题。 详细地讲，我有一些用ajax加载的选项卡，我的问题是我想在页面内加载页面链接，但我做不到。

这是带有标签的页面代码：

<script>
$(function() {


$( "#tabs" ).tabs({
    ajaxOptions: {
        error: function( xhr, status, index, anchor ){
            $(anchor.hash).html(
                "Could not load this tab");
        }
    }

});


});
</script>

<div id="tabs">
<ul>
<li><a href="#tabs-1">Welcome</a></li>
<li><a href="customer.php">Customers</a></li>
<li><a href="subscribers.php">Subscribers</a></li>
<li><a href="subscription.php">Subscriptions</a></li>
    </ul>

</div>

让我们假设我已经加载了选项卡订阅。 subscription.php具有指向另一个页面的链接，我想在同一选项卡中加载该页面。

我该如何运作？

Answer 1

可能有很多方法可以做到这一点，但这是一个简单的方法。

给您的链接一个ID，说“链接”。 设置点击处理程序以在页面上执行.load到所需的div。 所以：

 <a href="#" id="link">

<script type="text/javascript">
     $('#link').click(function() {
          $('#tabid').load('linkpage.html');
     });
</script>

现在，进行一些澄清。 要在其中将内容加载到的标签的div上必须有一个ID。...出于说明目的，我将其称为tabid。 加载将获取页面内容linkpage.html并将其设置为div Tabid的新值。 基本上，您正在做带有外部内容的内部html。