jQuery UI选项卡问题加载链接标签

我有一个jQuery UI选项卡的问题。详细地说，我有加载ajax的标签，我的问题是我想加载页面内的页面链接，但我无法做到。jQuery UI选项卡问题加载链接标签

这是我的网页与标签的代码：

<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有一个链接到另一个页面，我想加载在同一个标签。

我该如何让它工作？

来源

2011-05-10 user729334

只是好奇，是不是更容易在页面中包含页面内容的iframe，然后正常的锚链接行为将工作？ – 2011-08-26 06:27:24

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

给你的链接一个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与外部内容。

来源

2011-05-10 15:45:27 bpeterson76

嗨！这是我正在寻找的。谢谢！ – user729334 2011-05-12 08:41:58

jQuery UI选项卡问题加载链接标签

回答

相关问题