Question

我是网络开发中的新手。

我继承了一些包含bootstrap的web项目，以及jquery 1.10.2（在_layout.xml中看到） - 没有真正意识到后台的内容（当使用jquery时，引导时但从不介意）

我的目标是激活假设为（并且不起作用）的标签视图。我已经玩了下面的代码，但我在同一页面上获得了所有2个标签内容，按下其他标签（“评论”）时没有真正发生。我该如何解决这个问题以及这种机制是如何工作的（我设置了id属性以使{tab-＆gt; content}匹配，但它没有帮助：（

<section class="site-tabs">
                        <nav class="tabs-nav clearfix">
                            <ul>
                                <li><a href="#about1" data-toggle="tab">About</a></li>                              
                                <li><a href="#review1" data-toggle="tab">Reviews</a></li>
                            </ul>
                        </nav>

                        <section class="tabs">
                            <section class="tab" id="about1">
                                <section class="about">
                                    <p><span>Myself</span>Some Text here.</p>
                                </section>

                            </section>
                            <section class="tab reviews-tab" id="review1">
                                <h3><a href="#">+ Add Review</a></h3>                              
                                </section>

                            </section>
                        </section>
                    </section>
                </section>

是否需要在此处附加相关的.css？

更新：元素：

<!DOCTYPE html>
<html lang="en" dir="rtl">
<head>
    <title>SiteNAme</title>

    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

    <link rel="shortcut icon" href="~/Images/SiteName/userImageLarge.pngfavicon.ico" />

    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/jquery.jscrollpane.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/dropkick.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/fullcalendar.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="js/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>
    <script src="js/fullcalendar.min.js"></script>
    <script src="js/jquery.mousewheel.js"></script>
    <script src="js/jquery.jscrollpane.min.js"></script>
    <script src="js/jquery.dropkick-1.0.0.js"></script>
    <script src="js/jquery.autosize.js"></script>
    <script src="js/jquery.carouFredSel-6.1.0.js" type="text/javascript"></script>
    <script src="js/jquery.raty.min.js" type="text/javascript"></script>
    <script src="js/functions.js"></script>
    <!--[if gte IE 9]>
        <style type="text/css">
            .gradient {
                filter: none;
            }
        </style>
    <![endif]-->
    <!--[if lt IE 9]>
        <script src="js/modernizr.custom.js"></script>
    <![endif]-->
</head>

标签内容未显示

0 个答案: