javascript - chrome 中的页面闪烁 - bootstrap 和 jquery 冲突

Question

我的网页有问题随机闪烁/闪烁，这发生在 chrome 中，我还没有测试过其他浏览器。

我认为这个问题应该是由于 bootstrap.js 和 jQuery.js 冲突 因为如果我删除其中一个，它就不会再闪烁了，没关系我删除了哪一个。

我尝试使用 jquery-noConflict() 方法，但要么我不知道如何正确使用它，要么它不适合我。

但是删除它们中的任何一个都不是一种选择，因为那时某些网站功能无法正常工作。

我记录了它闪烁时的样子:删除

由于我是stackoverflow的新成员，我只能上传图片和链接，所以很难描述这个问题，因为我只能发布2个链接，我会发布网站的链接，所以如果任何人都可以帮助我，他们可以在那里自由查看源代码 - http://removed

我正在使用 jquery-1.11.0.min.js 和 bootstrap.min.js

这是闪烁的 block 之一:

<section id="privalumai" class="container">
  <div class="row">
    <div class="col-md-12 title">
      <h2>Privalumai</h2>
      <span class="underline">&nbsp;</span>
    </div>
    <!-- Service Box start -->
    <div class="col-md-6">
      <div class="service-box wow fadeInLeft" data-wow-offset="100">
        <div class="service-icon">+</div>
        <h3 class="service-title">Draudimas</h3>
        <div class="clearfix"></div>
        <p class="service-content">Visos mūsų transporto priemonės yra apdraustos tiek KASKO, tiek privalomuoju ( TPVCA ) draudimu. Kasko draudimo galiojimo teritorija – geografinė Europa, o TPVCA – „žaliosios kortelės“ sistemos ribose.
            Jums pageidaujant, galime pasiÅ«lyti ir vykstanÄių į užsienį kompleksinį  kelionÄ—s draudimÄ… ( pvz. vykstant slidinÄ—ti ir pan.)<br/><br/></p>
      </div>
    </div>
    <!-- Service Box end -->
    <!-- Service Box start -->
      <div class="col-md-6">
          <div class="service-box wow fadeInLeft" data-wow-offset="100">
              <div class="service-icon">+</div>
              <h3 class="service-title">Mobilumas</h3>
              <div class="clearfix"></div>
              <p class="service-content">Visos mūsų transporto priemonės yra naujos ir yra aprūpintos tiek pilna gamintojo garantija, tiek techninės pagalbos kelyje paslauga, todėl tiek avarijos ar techninio gedimo atveju Jums bus suteiktas pakaitinis automobilis  ir pasirūpinta Jūsų kelionės pratęsimu.<br/><br/><br/></p>
          </div>
      </div>
    <!-- Service Box end -->
    <!-- Service Box start -->
      <div class="col-md-6">
          <div class="service-box wow fadeInRight" data-wow-offset="100">
              <div class="service-icon">+</div>
              <h3 class="service-title">Neribotas kilometrų kiekis</h3>
              <div class="clearfix"></div>
              <p class="service-content">Mes suprantame savo klientų poreikius, todėl neribojame jų nuvažiuoto kilometrų kiekio.<br/><br/></p>
          </div>
      </div>
    <!-- Service Box end -->
    <!-- Service Box start -->
    <div class="col-md-6">
      <div class="service-box wow fadeInRight" data-wow-offset="100">
        <div class="service-icon">+</div>
        <h3 class="service-title">Nauji automobiliai</h3>
        <div class="clearfix"></div>
        <p class="service-content">Mūsų transporto priemonės yra naujos ir sukomplektuotos taip, kad Jums būtų patogu ir lengva keliauti.<br/><br/></p>
      </div>
    </div>
    <!-- Service Box end -->
  </div>
</section>

我真的迷失在这里，现在确定我将如何解决这个问题。如果有人能指出正确的方向，我将不胜感激。 如果没有足够的资源或其他任何内容，请发表评论，我会提供它们并回复您的所有答案!

Answer 1

将此添加到闪烁元​​素是否可以解决问题？

.flickeringElementFix {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

可能是在您的一个或两个正在争论的脚本中进行了一些元素操作

http://www.w3schools.com/cssref/css3_pr_backface-visibility.asp