jQuery Tabs 集成了多个选项

Question

我是一个十足的 JavaScript 菜鸟。我现在正在使用这个：

$(function() {
   $("#tabs").tabs({
      ajaxOptions: {
         error: function(xhr, status, index, anchor) {
            $(anchor.hash).html(
               "Couldn't load this tab. We'll try to fix this as soon as possible.");
         }
      }
   });
});

有人可以告诉我如何添加这个选项吗：

spinner: 'Loading...'

来源： http://jqueryui.com/demos/tabs/#option-spinner

Answer 1

您必须用 包装每个选项卡

<li><a href="#tabs-1"><span>Test 1</span></a></li>
<li><a href="#tabs-2"><span>Test 2</span></a></li>
<li><a href="#tabs-3"><span>Test 3</span></a></li>
<li><a href="Home/About"><span>Test Ajax</span></a></li>    

并使用如下脚本：

$("#tabs").tabs({
    ajaxOptions: {
        error: function(xhr, status, index, anchor) {
            $(anchor.hash).html(
                    "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                    "If this wouldn't be a demo.");
        }
    }
});

$("#tabs").tabs("option", "spinner", 'Retrieving data...');

要测试它，您应该进行一个有一定延迟的 ajax 调用。我调用了一个 MVC 操作，使线程休眠 2 秒。