单击时在导航链接旁显示微调器

Question

说我的导航中有一些链接：

...
{{#linkTo 'projects.trending' tagName="li"}}
    <a href="#" {{bindAttr href="view.href"}}> Trending projects</a>
{{/linkTo}}
{{#linkTo 'projects.all' tagName="li"}}
    <a href="#" {{bindAttr href="view.href"}}> All projects</a>
{{/linkTo}}
...

当我点击其中一个链接时，它将通过Ajax获取数据并转到该路径。但有时需要一段时间来获取数据，所以我想展示一个微调器。我目前已经在页面顶部有一个全局微调器。在点击的导航链接旁边显示微调器会很酷，因此用户可以看到当前正在加载的页面。

实施此方法的最佳/最简单方法是什么？

Answer 1

您可以在默认情况下隐藏的每个导航链接旁边放置一个范围，并包含微调器。然后点击，显示范围。 ajax完成后隐藏所有这些内容。