在另一页的下拉菜单中单击打开id锚

Question

我正在尝试创建一个链接到id标签，这是一个下拉菜单内，并放置在另一个页面。

<a href=index.html#test>link to id tag on another page</a>

问题是，当我点击链接时，它会转到右页，但不会显示内容，因为它在一个折叠的下拉引导菜单

<ul class="dropdown-menu">
   <li><a class="chapter" href="01-primaria.html">
     <div class="img-menu">
      <img class="img-responsive" src="img/01-primaria.png">
     </div>
     <div class="titleChapter test">
      <strong>01.</strong>
      <br>
      Vuestro hijo está en Educación Primaria
      <small>Victoria Urzáiz Celigueta</small>
     </div>
   </a></li>
  </ul>

我需要在单击链接时部署正确的菜单(我将有多个菜单)。有线索吗?谢谢!

Answer 1

尝试调用一个JS函数，当从下拉列表中选择项目时，该函数会在iframe或division中显示预期的页面。例如:JS Function

function loadPage(){
document.getElementById("divisionID").innerHTML='<object type="text/html" data="01-primaria.html" ></object>';
}

HTML页面:为上述名称创建一个除法，并将其保留为空。因此，当你的列表项被点击(onclick())或当选定的项目被改变(onchange())调用JS函数，而不是引用页面本身。

<li><a class="chapter" onchange="loadPage()">

希望能有所帮助