离子，如何使用具有ID作为href目标的锚元素

Question

在页面中我必须使用锚元素，但点击它会跳转到主页。

示例html代码：

<ion-view>
  <ion-content>
    <div>
      <ul>
       <li>
         <a href="#html-syntax">sample</a>
       </li>
      </ul>
    </div>
    <div  id="html-syntax">
       <div class="col">sample</div>
    </div>
  </ion-content>
</ion-view>

点击“id="html-syntax"”时如何跳转sample？

Answer 1

你的代码应该是有用的，说实话。如果你有一个带有ID作为href目标的锚元素，并且你在页面上也有一个具有相同ID的元素，那么（大多数浏览器）应该跳转到相应的元素。

您只需确保正确嵌套所有元素，因为如果不这样做，则可能会出现意外行为，例如页面加载或跳到顶部。

<a href="#html-syntax">sample</a>

<div id="html-syntax"></div>

另外请确保您的锚标记中没有target =“_ blank”，因为这会尝试打开一个新窗口。同样，您在锚标签上订阅的任何事件仍将像平常一样启动。