Jquery 如何在按下按钮时激活引导背景

我需要实现一种方法，当按下顶部导航菜单上的按钮时，激活引导模式背景/背景模糊。当用户单击飞机图标时，页面的主要内容区域需要变暗，然后在单击按钮关闭时恢复正常

下面是一张图片，展示了我正在努力实现的目标：

飞机图标和以下区域的代码为：

 <li id="ts-travel" ng-show="permissions.canViewDemonstrationMode">
        <a ng-click="searchTabToggle('travel')">
            <i class="ticon ti-airplane_take_off ti-2x"></i>
        </a>
    </li>
 </ul>
 <div class="tab-content bord-srch tab-pad overflow-hidden">
     <div class="tab-pane active cont fade in" id="products">
          <div class="form-group">
              <div class="col-sm-12">
              </div>
          </div>
      </div>
      <div class="tab-pane cont fade in" id="travel">
          <div class="clear"></div>
              <div ng-include src="'/views/Travel/Search/travel-search.html'" autoscroll="">
              </div>
          </div>
      </div>
  </div>

它需要在以下情况下激活：

<a ng-click="searchTabToggle('travel')">
    <i class="ticon ti-airplane_take_off ti-2x"></i>
</a>

压力很大

我们在这个系统中使用Angular JS

---

非常感谢

这能解决你的问题吗

将背景添加到模板中，但除非buttonIsPressed变量设置为true，否则将隐藏：

<div class="modal-backdrop fade" style="z-index: 1040" ng-show="buttonIsPressed"></div>

---

使用Angular或jQuery，但是。感谢您的回复。我可能只是把背景放在了我的模板的错误部分，但当我按下链接时，没有什么不同。不幸的是，模板的部分是由同一个控制器控制的吗？是的，我想是的。我向一位开发人员寻求帮助，他给了我这个：data ng class={'modal-background'：showThinkSearch}我可以让它显示某种背景，但它没有涵盖我想要的内容。那么，你应该能够在自己的类中为它提供你想要的行为。位置：例如固定？

<a ng-click="searchTabToggle('travel')" ng-mousedown="buttonIsPressed = true" ng-mouseup="buttonIsPressed = false">
    <i class="ticon ti-airplane_take_off ti-2x"></i>
</a>