title: Why don't tooltips work inside the carousel?
body: <p>As i said, the two of them don't get along together too well. I use Bootstrap 3 (the tooltips) and Cycle2 as the carousel. I really have no idea why they wouldn't work and some insight on this would be greatly appreciated. The javascript is called throught html data attributes as you can see here</p>
  
  <pre><code>       &lt;div class="part-1 content"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="row feed cycle-slideshow" data-cycle-carousel-fluid="true" data-cycle-fx="carousel" data-cycle-timeout="2000"&gt;
                      &lt;img src="../images/sc/part-1-alt.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et"&gt;
  
                      &lt;img src="../images/sc/part-2.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et"&gt;
  
                      &lt;img src="../images/sc/part-3.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et"&gt;
  
                      &lt;img src="../images/sc/part-4.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et"&gt;
  
                      &lt;img src="../images/sc/part-5.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et"&gt;
  
                      &lt;img src="../images/sc/part-6-alt.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>the little javascript concerning the the items with tooltips</p>
  
  <p>...</p>
  
  <pre><code>$(".part-1 img").tooltip({
      'placement': 'top'
  });
  
  $(".part-2.item").tooltip({
      'placement': 'top'
  });
  </code></pre>
  
  <p>...</p>