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。

jQuery UI选项卡选项卡中的加载链接问题

1 个答案: