2015-11-24 3 views
0

Так что я создал приложение с кордорой. Я использую анимацию на страницах, используя animate.css.Диалог становится размытым после применения анимации

У меня есть страницы, которые содержат следующую HTML и включает в себя support.html

<div id="home" class="my_cards" ng-init="init()"> 
 
    <div ng-include src="'app/shared/templates/headers.html'"></div> 
 
    <div ng-include src="'app/shared/templates/spinner.html'"></div> 
 

 
    <div class="main" ui-view="mainContent"> 
 
    <!-- some content here --> 
 
    
 
    <div ng-include src="'app/shared/templates/support.html'"></div> 
 

 
    <footer class="page-footer"> 
 
     <div class="row" style="width:100%; height:100%"> 
 
     <div class="col footer-col" ui-sref="home"> 
 
      <span class="icon ef-home"></span> 
 
      <span>Home</span> 
 
     </div> 
 
     <div class="col footer-col" ui-sref="explore"> 
 
      <span class="icon ef-explore"></span> 
 
      <span>Explore</span> 
 
     </div> 
 
     <div class="col footer-col current" ui-sref="mycards"> 
 
      <span class="icon ef-cards"></span> 
 
      <span>My Cards</span> 
 
     </div> 
 
     <div class="col footer-col" ng-click="support()"> 
 
      <span class="icon ef-call"></span> 
 
      <span>Call</span> 
 
     </div> 
 
     </div> 
 
    </footer> 
 
    </div> 
 

 
</div>

support.html

<div id="supportModal" class="modal modal-fixed-footer"> 
 
    <div class="modal-content center-align"> 
 
     <div class="phone">+91 80 8066 8066</div> 
 
     <div class="action row"> 
 
      <div class="col s6 m6 l6"><a ng-click="closeSupportModal()">Cancel</a></div> 
 
      <div class="col s6 m6 l6"><a href="tel:+918080668066">Call</a></div> 
 
     </div> 
 
    </div> 
 
</div>

Проблема заключается в том, когда применить анимацию (помеченные красным цветом на изображении)

enter image description here

Диалог становится размытым и кнопки на нем не работают.

enter image description here

ответ

0

Хорошо, Так что я просто должен был двигаться support.html из родительского div id="home" class="my_cards" ng-init="init()">.
и поэтому css и все соответственно изменились.

Я до сих пор не понял, почему возникла проблема, объяснение этой проблемы будет оценено.