Jquery 引导激活菜单不执行'；行不通_Jquery_Html_Css_Bootstrap 4

Jquery 引导激活菜单不执行'；行不通

jquery html css bootstrap-4

Jquery 引导激活菜单不执行'；行不通,jquery,html,css,bootstrap-4,Jquery,Html,Css,Bootstrap 4,我已经从网站下载了html模板。我对页眉和页脚使用php include（）函数在每个页面中添加相同的页眉和页脚，之后引导活动菜单将无法工作。我也使用javascript和Jquery，但它不能现在如何处理活动菜单。请帮帮我 <nav class="navbar navbar-default"> <div class="container"> <div class="navbar-header"> <bu

我已经从网站下载了html模板。我对页眉和页脚使用php include（）函数在每个页面中添加相同的页眉和页脚，之后引导活动菜单将无法工作。我也使用javascript和Jquery，但它不能

现在如何处理活动菜单。请帮帮我

<nav class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.php">
                <img class="img-responsive" src="assets/images/logo.jpg" alt="">
                <div class="logo">
                    <span style="">માનસિક દિવ્યાંગ બાળકોની સંસ્થા</span>
                </div>
            </a>
        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav navbar-right">
                <li class="active">
                    <a href="index.php"><i class="fa fa-home" aria-hidden="true" style="font-size: 25px; margin-top: -5px;"></i></a>
                </li>
                <li>
                    <a href="activity.php">અમારા પ્રવૃત્તિઓ</a>
                </li>
                <li>
                    <a href="gallery.php">ગેલેરી</a>
                </li>
                <li>
                    <a href="management.php">સંચાલન</a>
                </li>
                <li>
                    <a href="about.php">અમારા વિશે</a>
                </li>
                <li>
                    <a href="contact.php">સંપર્ક</a>
                </li>
                <li>
                    <div class="donate-button text-center">
                        <a class="btn btn-donate" href="contact.php">દાન કરો</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>
</header>

尝试添加一个php函数来获取当前URL，然后在nav php文件中使用它。您可能还希望研究使用框架来帮助解决问题

<?php 

function activeClass($requestUri)
{
    $currentPage = basename($_SERVER['REQUEST_URI'], ".php");

    if ($currentPage == $requestUri || $currentPage == '')
        echo 'class="active"';
}

?>

<nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <a class="navbar-brand" href="index.php">
                    <img class="img-responsive" src="assets/images/logo.jpg" alt="">

                    <div class="logo">
                        <span style="">માનસિક દિવ્યાંગ બાળકોની સંસ્થા</span>
                    </div>
                </a>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
                <ul class="nav navbar-nav navbar-right">
                    <li <?php activeClass("index")?>>
                        <a href="index.php"><i class="fa fa-home" aria-hidden="true" style="font-size: 25px; margin-top: -5px;"></i></a>
                    </li>

                    <li <?php activeClass("activity")?>>
                        <a href="activity.php">અમારા પ્રવૃત્તિઓ</a>
                    </li>

                    <li <?php activeClass("gallery")?>>
                        <a href="gallery.php">ગેલેરી</a>
                    </li>

                    <li <?php activeClass("management")?>>
                        <a href="management.php">સંચાલન</a>
                    </li>

                    <li <?php activeClass("about")?>>
                        <a href="about.php">અમારા વિશે</a>
                    </li>

                    <li <?php activeClass("contact")?>>
                        <a href="contact.php">સંપર્ક</a>
                    </li>
                    <li <?php activeClass("contact")?>>
                        <div class="donate-button text-center">
                            <a class="btn btn-donate" href="contact.php">દાન કરો</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</header>



>

>

>

尝试添加一个php函数来获取当前URL，然后在nav php文件中使用它。您可能还希望研究使用框架来帮助解决问题
<?php 

function activeClass($requestUri)
{
    $currentPage = basename($_SERVER['REQUEST_URI'], ".php");

    if ($currentPage == $requestUri || $currentPage == '')
        echo 'class="active"';
}

?>

<nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <a class="navbar-brand" href="index.php">
                    <img class="img-responsive" src="assets/images/logo.jpg" alt="">

                    <div class="logo">
                        <span style="">માનસિક દિવ્યાંગ બાળકોની સંસ્થા</span>
                    </div>
                </a>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
                <ul class="nav navbar-nav navbar-right">
                    <li <?php activeClass("index")?>>
                        <a href="index.php"><i class="fa fa-home" aria-hidden="true" style="font-size: 25px; margin-top: -5px;"></i></a>
                    </li>

                    <li <?php activeClass("activity")?>>
                        <a href="activity.php">અમારા પ્રવૃત્તિઓ</a>
                    </li>

                    <li <?php activeClass("gallery")?>>
                        <a href="gallery.php">ગેલેરી</a>
                    </li>

                    <li <?php activeClass("management")?>>
                        <a href="management.php">સંચાલન</a>
                    </li>

                    <li <?php activeClass("about")?>>
                        <a href="about.php">અમારા વિશે</a>
                    </li>

                    <li <?php activeClass("contact")?>>
                        <a href="contact.php">સંપર્ક</a>
                    </li>
                    <li <?php activeClass("contact")?>>
                        <div class="donate-button text-center">
                            <a class="btn btn-donate" href="contact.php">દાન કરો</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</header>



>

>

>

你的代码是什么样子的？你不工作是什么意思？有错误吗？你的输出是什么样子的？运气好吗？你的代码是什么样子的？你说不工作是什么意思？有错误吗？您的输出是什么样子的？幸运吗？正确，那么第一部分只使用HTML和PHP来回答这个问题呢？为了减少混淆，我删除了附加信息。当您放置并导航到主页时会显示什么？我修改了函数的条件为if（$currentPage==$requestUri | | |$currentPage===''）
以尝试解释ittryif（$currentPage=$requestUri | |$currentPage=''/”
确定，所以让我们试试if（$currentPage=$requestUri | |$currentPage==“/riana/”
Correct，那么第一个只使用HTML和PHP来回答它的部分呢？为了减少混淆，我删除了附加信息。当您放置并导航到主页时会显示什么？我修改了函数，条件是if（$currentPage==$requestUri | |$currentPage==''）
尝试解释ittryif（$currentPage=$requestUri | |$currentPage==“/”）
好，让我们试试if（$currentPage==$requestUri | |$currentPage==“/riana/”）