Question

我在同一页面上有两个标签，如下所示。我想在加载特殊div之前做一些功能，但它不起作用。

<div id="tabs1">
   <ul>
    <li><a href="#tabs-1">Map</a></li>
    <li><a href="#tabs-2">Address</a></li>
   </ul>

   <div id="tabs-1">
    <p>Map here</p>
   </div>

   <div id="tabs-2">
    <p>Address here</p>
   </div>
</div>

我的javascript代码如下。

$(function() {
    $( "#tabs1" ).tabs({
      beforeLoad: function( event, ui ) {
        alert("fas");
        ui.jqXHR.error(function() {
          ui.panel.html(
            "Couldn't load this tab. We'll try to fix this as soon as possible. " +
            "If this wouldn't be a demo."
          );
        });
      }
    });
});

Answer 1

在您发布的示例中，所有标签都是“本地”，并且未触发任何ajax调用。

如果您想使用ajax加载标签内容，则应在链接上指定远程href：

<div id="tabs1">
  <ul>
    <li><a href="/ajax/map">Map</a></li>
    <li><a href="/ajax/address">Address</a></li>
  </ul>
</div>

检查文档中的example。

Jquery选项卡BeforeLoad不在同一页面上使用div

1 个答案: