如何将jQuery Ui选项卡设置为"；改为；儿童_Jquery_User Interface_Tabs

如何将jQuery Ui选项卡设置为"；改为；儿童

jquery user-interface tabs

如何将jQuery Ui选项卡设置为"；改为；儿童,jquery,user-interface,tabs,Jquery,User Interface,Tabs,我很难让jQuery Ui选项卡与我的设置一起工作。基本上，它在Ul li上工作正常，但不会阅读Ul li（我的导航子菜单中的链接。以下是我的简化设置： <div class="navigation"> <ul> <li><a href="#tabs-1">ONE</a></li> <li class="sub">

我很难让jQuery Ui选项卡与我的设置一起工作。基本上，它在Ul li上工作正常，但不会阅读Ul li（我的导航子菜单中的链接。以下是我的简化设置：

<div class="navigation">
            <ul>
                <li><a href="#tabs-1">ONE</a></li>
                <li class="sub">
                    <a href="ajax/test.php">TWO</a>
                    <ul class="submenu">
                        <li><a href="ajax/testA.php">A</a></li>
                        <li><a href="ajax/testB.php">B</a></li>
                        <li><a href="ajax/testC.php">C</a></li>
                    </ul>
                </li>
                <li><a href="ajax/test2.php">THREE</a></li>
            </ul>
</div>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus.</p>
</div>













青蒿素、金樱子、天妇罗、金樱子a、金樱子

1、2和3都可以很好地工作，但是bc会将我发送到链接，而不是用ajax拉它。我想我的剧本中遗漏了一些东西，只是：

     <script>
          $(function() {
        $( ".navigation" ).tabs();
      });
     </script>


$（函数（）{
$（“.navigation”）.tabs（）；
});

但是我不确定该怎么做。

提前谢谢。

如果我遵循jquery ui中的格式，它对我来说很好

你需要把身份证交给你的保险商实验室

<div class="navigation">
            <ul>
                <li><a href="#tabs-1">ONE</a></li>
                <li class="sub">
                    <a href="#tabs-2">TWO</a>

                </li>
                <li><a href="#tabs-3">THREE</a></li>
            </ul>
            <ul id="tabs-2" class="submenu">
                        <li><a href="ajax/testA.php">A</a></li>
                        <li><a href="ajax/testB.php">B</a></li>
                        <li><a href="ajax/testC.php">C</a></li>
            </ul>
</div>

index.html，

<!DOCTYPE html">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  <meta name="description" edit="mootools shell, easy test you snippets before implementing"/>
  <meta name="keywords" edit="mootools,javascript,javascript framework,shell,test"/>
  <meta name="robots" edit="all"/>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="http://jqueryui.com/tabs/resources/demos/style.css" />

</head>

<body>
<div class="navigation">
            <ul>
                <li><a href="#tabs-1">ONE</a></li>
                <li class="sub">
                    <a href="#tabs-2">TWO</a>

                </li>
                <li><a href="#tabs-3">THREE</a></li>
            </ul>
    <div id="tabs-1">
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus.</p>
    </div>
    <div  id="tabs-2">
    <ul class="submenu">
                        <li><a href="ajax/testA.php">A</a></li>
                        <li><a href="ajax/testB.php">B</a></li>
                        <li><a href="ajax/testC.php">C</a></li>
        </ul></div>
</div>
<script type="text/javascript">
       $( ".navigation" ).tabs();
       $("#tabs-2").tabs();
  </script>
</body>

</html>

<?php

echo "content of B";

?>

啊，我明白你的意思，但是没有办法解决这个问题，让它深入到孩子们身上吗？我试着在我的结构中移动东西，但它都崩溃了，因为很多东西都依赖于gerarchy（滑块、css、图标），我不知道如何去修复它：（例如，如果我像你一样构造它，子菜单出现在导航下，而不是单击的li下，并且菜单的样式不是子菜单。我可以但我现在看到我解释自己的错误，我已经连续24小时醒着了。我不是指标签中的子菜单，而是菜单本身的子菜单。因此我的geriarchy与我的问题中完全一样，我只是省略了“家用汽车-阿尔法·罗密欧-宝马-达契亚电子邮件

家用，汽车和电子邮件可以很好地用于标签，但阿尔法·罗密欧、宝马和达契亚不会。我修正了我的问题，将标签-2包括在内。好的，如果我显示实际问题，这会简单得多：）转到，您将看到defaul短语被加载。如果您单击管理，它将与ajax一起加载另一个文件。但是如果您单击管理子菜单的某个元素（staff）您将看到它将您发送到页面，但它不会动态加载。但是管理选项卡也链接到一个php文件，并且它可以工作。我使用的所有内容都在我的问题中，除了包括jquery和jquery ui。在我的问题中，“2”可以工作，但“a”不会，两者都有php链接，但a在2的子菜单中。
<?php

echo "content of B";

?>