Question

我有index.html作为带有固定导航栏的主页，我使用scrollspy来导航菜单项。我创建了一个与index.html页面相同的导航栏的其他网页，现在我想将下拉列表中的第二个网页菜单与主页的scrollspy div ID链接，即在index.html页面中。我的index.html文件就像，

<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
 <!-- navigation bar -->
 <div id="navigationbar">
 <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
 <div class="container-fluid">
 <!-- Brand and toggle get grouped for better mobile display -->
 <div class="navbar-header">
  <ul><a class="navbar-brand" href="#">
  <strong>COMPANY</strong></a></ul>
  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  <span class="sr-only">Toggle navigation</span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
 </button>
 </div>

 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 <ul class="nav menu nav navbar-nav navbar-nav navbar-right">
  <li class=""><a href="index.html">Home<span class="sr-only"></span>            </a></li>
  <li class="dropdown">
     <a href="abc.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About Us<span class="caret"></span></a>
     <ul class="dropdown-menu dropdown-menu-left">
         <li id="dp1"><a href="#pilot">menu1</a></li>
         <li id="dp2"><a href="#design">menu2</a></li>
       </ul>
  </li>
  <li><a href="#contact">contact</a></li>
  <li><a href="#in-touch">social</a></li>  
  </ul>
  </div>
  </div>
  </nav>
  </div>
  <div class="container-fluid">
  <div id="pilot"><p>div1></p></div>
  <div id="design"><p>div2></p></div>
  <div id="contact"><p>div3></p></div>
  <div id="social"><p>div4></p></div>
  </div>
</body>

现在我有另一个带有相同导航栏的网页，我喜欢将这个id元素从index.html页面调用到第二个网页，为此，我已经给出了数据目标，如下所示，适用于导航栏菜单但是不适用于下拉菜单但仍无法正常工作，

为联络标签工作 -

接触

但不适用于下拉列表 MENU1

有没有解决方案......？

数据目标不适用于bootstrap

0 个答案: