小编Ind*_*eet的帖子

项目URL： http : //www.vrtechweb.com/bootstrap-4-menu/bootstrap.html 您可以通过单击“下载用于测试的引导程序菜单文件”来下载我的文件

我在桌面上有bootstrap 4悬停菜单和此悬停菜单，但是在移动设备上打开时会转换为可单击菜单。一切正常。但是我想在悬停时打开悬停菜单，但是当单击该菜单时，应该转到我在锚标签上给出的网址。与移动设备相同，当单击下拉图标然后打开菜单时，当我单击锚标记时应转到url。它不起作用。

我创建了js小提琴，但我的代码无法在js小提琴上工作，因此我在服务器上创建了此文件，并附加了.zip文件，以便您可以测试我的文件，并请提出建议

这是一些图片，很容易你就能理解我在说什么

在桌面上

在移动设备上

HTML代码

    <!-- Static navbar -->
    <nav class="navbar navbar-expand-md navbar-light bg-light btco-hover-menu">

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown"
            aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavDropdown">
            <ul class="navbar-nav">

                <li class="nav-item dropdown">
                    <span class="dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
                        <a href="https://google.com">Testing Menu</a>
                    </span>
                    <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                        <li>
                            <a class="dropdown-item" href="#">Action</a>
                        </li>
                        <li>
                            <a class="dropdown-item" href="#">Another action</a>
                        </li>
                        <li>
                            <a class="dropdown-item dropdown-toggle" href="https://www.facebook.com">Submenu</a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a class="dropdown-item" href="#">Submenu action</a>
                                </li>
                                <li>
                                    <a …

我在input type="text"其工作代码中使用了输入模式

<input name="name" required pattern=".{4,}" title="Please Enter Correct Name" type="text" />

但是当我使用输入模式时input type="number"它不起作用

<input name="number" required type="number" pattern=".{9,20}" title="Please Enter Your Number at least 9 Digit" />

我在stackoverflow上发现了同样的问题,但这些答案无法解决我的问题.如果我加载页面然后jquery $('').addClass()不工作

请帮忙

HTML

<div id="header"></div>

jQuery的

$(document).ready(function(){
  $("#header").load("header.php"); 
  $("#footer").load("footer.php");
  $('.home').addClass('active');
});

header.php文件

<ul>
    <li> <a href="" class="home">Home</a></li>
    <li> <a href="about.php" class="about">About</a></li>
    <li> <a href="">Project</a></li>
    <li> <a href="">Location</a></li>
    <li> <a href="">Faq's</a></li>
</ul>