如何在按鈕上激活Bootstrap背景按

我需要實現一種方法，當按下頂部導航菜單中的按鈕時，激活引導模式背景/背景模糊。當用戶點擊飛機圖標時，頁面的主要內容區域需要變黑，然後在點擊該按鈕時恢復正常。如何在按鈕上激活Bootstrap背景按

下面是展示什麼，我想實現的圖像： http://s17.postimg.org/glt8khwlb/stackoverflow.jpg

我對飛機的圖標，下面的區號是：

<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作爲這個系統

非常感謝！

來源

2014-10-27 Adam S

使用角，或jQuery，但[不是兩個]（http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background）。 – Jonast92 2014-10-27 21:57:44

這會解決問題了嗎？

幕添加到您的模板，而是隱藏除非buttonIsPressed變量設置爲true：

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

添加行爲，以您的按鈕，以便點擊時buttonIsPressed變量被更新：

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

來源

2014-10-27 22:21:52 AlexHv

感謝您的回覆。我可能只是把背景放在我的模板的錯誤部分，但沒有什麼不同，當我按鏈接不幸的時候， – 2014-10-27 22:46:38

是由同一個控制器統治的模板的一部分？ – AlexHv 2014-10-27 22:51:06

葉認爲是。我問其中一個開發人員的幫助，他給了我這個： data-ng-class =「{'modal-backdrop'：showThinkSearch}」我可以讓它顯示某種背景，但它不涵蓋我想要的東西。 – 2014-10-28 03:40:20

如何在按鈕上激活Bootstrap背景按

回答

相關問題