单击时菜单按钮处于活动状态

时间:2016-09-02 11:00:24

标签: javascript html

我想点击菜单栏中的按钮。这也适用于:投资组合,关于,联系。

但小脚本不适用于索引和服务。我在每个网站上都设置了一个正文标记。

有没有人知道这里可能有什么问题?它是完全相同的代码。

services.php

<?php include 'resources/includes/header.php' ?>

<body id="services">

<?php include 'resources/includes/navbar.php' ?>

<!-- start intro section -->
<section class="intro">
    <div class="container">
        <div class="row">

            <div class="col-md-12 text-center">
                <div class="intro-content">
                    <h1>My services are <strong>focused </strong>primarily </h1>
                    <h2>in design, coding and marketing automation </h2>


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

navbar.php:

<!-- begin header section -->
<header class="header">

    <!-- begin nav -->
    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <div class="row">
                <div class="col-md-12">

                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span>Tap me!</span>
                        </button>
                        <!-- begin logo in navigation -->
                        <a class="navbar-brand" href="index.php">
                                <img src="images/graphic/webdesign.png">
                        </a>
                        <!-- end logo in navigation -->
                    </div>  

                    <div class="navbar-collapse collapse">
                        <ul class="nav nav-pills nav-main pull-right">

                            <!-- begin navigation items -->
                            <li>
                                <a href="index.php">Index</a>
                            </li>
                            <li>
                                <a href="services.php">Services</a>
                            </li>
                            <li>
                                <a href="portfolio.php">Portfolio</a>
                            </li>
                            <li>
                                <a href="aboutme.php">About Me</a>
                            </li>
                            <li>
                                <a href="contact.php">Contact</a>
                            </li>
                            <!-- end navigation items -->
                        </ul>   
                    </div>

                </div>
            </div>
        </div>
    </nav>
    <!-- end nav -->

</header

的Javascript     $(function(){

    //highlight the current nav
    $("#index a:contains('Index')").parent().addClass('active');
    $("#services a:contains('Services')").parent().addClass('active');
    $("#portfolio a:contains('Portfolio')").parent().addClass('active');
    $("#about a:contains('About Me')").parent().addClass('active');
    $("#contact a:contains('Contact')").parent().addClass('active');
});

1 个答案:

答案 0 :(得分:3)

您在这两个页面上缺少navbar.js脚本。它包含在main.js下面的那些正常工作。

dt = list(structure(list(cluster = structure(1L, .Label = "1", class = "factor"), 
  grp = structure(1L, .Label = "0", class = "factor"), value = structure(1L, .Label = "c Personal Care-277", class = "factor")), .Names = c("cluster", 
"grp", "value"), row.names = c(NA, -1L), class = "data.frame"), 
structure(list(cluster = structure(1L, .Label = "1", class = "factor"), 
    grp = structure(1L, .Label = "1", class = "factor"), 
    value = structure(1L, .Label = "b Unpaid-1", class = "factor")), .Names =     c("cluster", 
   "grp", "value"), row.names = c(NA, -1L), class = "data.frame"), 
  structure(list(cluster = structure(1L, .Label = "1", class = "factor"), 
    grp = structure(1L, .Label = "2", class = "factor"), 
    value = structure(1L, .Label = "c Personal Care-1", class = "factor")),    .Names = c("cluster", 
  "grp", "value"), row.names = c(NA, -1L), class = "data.frame"))