代码之家  ›  专栏  ›  技术社区  ›  rook

jqueryajax选项卡在单击后变为“加载…”

  •  0
  • rook  · 技术社区  · 14 年前

    在下面的代码中,所有选项卡最初都显示其正确的文本(主页、报告、设置、文档、支持)。单击任何ajax选项卡(主页、文档、支持)时,选项卡上的文本将更改为“加载…”。但是,两个非ajax选项卡(Reports和Setup)保留了它们的文本。我怎样才能不让它变成“加载…”为什么会发生变化?

    <html>
    <head>
      <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
      <script>
      $(document).ready(function() {
        $("#tabs").tabs();
      });
      </script>
    </head>
    <script>
    $(document).ready(function() {
            $("#tabs").tabs({ ajaxOptions: {cache: false}});
        }
    </script>
        <html>
        <div id="tabs">
        <div id="menu">
             <ul>
            <li><a href="home.php" title=Home><span>Home</span></a></li>
             <li><a href="#report_tabs" title=Reports><span>Reports</span></a></li>
             <li><a href="#setup_tabs" title=Setup><span>Setup</span></a></li> 
                 <li><a href="documentation.php" title=Documentation><span>Documentation</span></a></li>
                 <li><a href="support.php" title=Support><span>Support</span></a></li>
             </ul>
        </div>
        </div>
        </html>
    
    1 回复  |  直到 14 年前
        1
  •  2
  •   Nick Craver    14 年前

    你可以设置 spinner option false

    $("#tabs").tabs({ 
      ajaxOptions: {cache: false},
      spinner: false
    });
    

    if(o.spinner) 选中此处,这两个类型中的任何一个都将使该检查失败,从而避免替换(其他数据类型也是如此,但是