Question

我有一个HTML5引导程序网页，在选项卡中有两层选项卡。每个主选项卡都有自己的一组选项卡，每个选项卡基本上是一个不同的页面。如何将每个选项卡的HTML开发为自己的文件，然后将其包含在主页面中？

此外，我可以“重复使用”这样一个元素，只需要做一些小改动（比如标题的标题和显示的字段名称）吗？

我正在寻找快捷方便的东西。我读到了有关Google Web-Components的信息，但我的印象是它并非适用于所有浏览器，而只是现在正在发展的东西。

这里的示例代码在菜单1下面有子菜单......我希望有一些简洁的html文件，每个文件都有几行代码。

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>

            <div id="divmaintabs">
            <ul class="nav nav-tabs">
              <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
              <li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
              <li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
            </ul>

            <div class="tab-content">
              <div id="home" class="tab-pane fade in active">
                <h3>Main tabs</h3>
                <div id="homecontent"><p>A div with much content.</p></div>
              </div>
              <div id="menu1" class="tab-pane fade">
                <h3>Menu 1</h3>
                <!--- sub Tabs under menu 1 --->
                  <div id="divtabsundermenu1">
            <ul class="nav nav-tabs">
              <li class="active"><a data-toggle="tab" href="#menu20">Menu20</a></li>
              <li><a data-toggle="tab" href="#menu21">Menu 21</a></li>
              <li><a data-toggle="tab" href="#menu22">Menu 22</a></li>
            </ul>

            <div class="tab-content">
              <div id="menu20" class="tab-pane fade in active">
                <h3>menu20</h3>
                <p>menu 20 content</p>
              </div>
              <div id="menu21" class="tab-pane fade">
                <h3>Menu 21</h3>
                <p>Some content in menu 21.    </p>
              </div>
              <div id="menu22" class="tab-pane fade">
                <h3>Menu 22</h3>
                <p>Some content in menu 22.</p>
              </div>
            </div>
            </div>
                <!----  end of internal tabs -->
              </div>
              <div id="menu2" class="tab-pane fade">
                <h3>Menu 2</h3>
                <p>Some content in menu 2.</p>
              </div>
            </div>
            </div>

我不知道为什么代码不起作用，但你可以理解这个想法。我用第一个下面的另一个标签页创建了代码。

每个标签都有一个完整的“页面填充”代码，很快就会失控。

所以在菜单1下（这是全部在Bootstrap中）我把subtabs dev写在一个不同的html文件中？
使用cshtml（nancyfx views）我可以做同样的事情，它会工作，或者所有的div和东西需要事先提供（一起？这是如何工作的？）

Answer 1

你应该使用jQuery.load（）

manage.php?result=False

切换名字

$a3[]

=）

如何减少html5和bootstrap中的混乱（或者：如何创建html5组件）？

1 个答案: