0

I'm using bootstrap's tooltip and it's working fine on different browsers (including chrome) when it runs local.

When I'm running it online it does not respond in chrome, but in safari for example it does. This is my jquery code for initiating:

 $('#cdssdemo, #contactemail, #contactphone')
   .tooltip()
   .click(function(e) { 
       e.preventDefault(); 
       $(this).focus(); 
   });

This is an example element for tooltip:

<li>
    <a href="tel:0000">
        <i class="fa fa-phone" data-toggle="tooltip" title="0000" id="contactphone"></i>
    </a>
</li>

Any help is appreciated. Thanks.

Tasos K.
  • 7,979
  • 7
  • 39
  • 63
Alon Weissfeld
  • 1,295
  • 6
  • 21
  • 35

2 Answers2

1

The problem was chrome cached my older js files. When I try in Incognito Mode it works fine.

Alon Weissfeld
  • 1,295
  • 6
  • 21
  • 35
0

If you could put a working example in JSFiddle, we could have more to go off of. But, maybe you could try something like this:

$( document ).ready(function() {
    $('#cdssdemo, #contactemail, #contactphone')
       .tooltip()
       .click(function(e) { 
           e.preventDefault(); 
           $(this).focus(); 
    });
});

Otherwise, there are a few other stackoverflow articles that suggest things that you could try.

Bootstrap tooltip doesn't show style of the tooltip, only data

Bootstrap's javascript works locally but not when deployed to a server

Bootstrap tooltips not working

Hope this helps.

Community
  • 1
  • 1
cfnerd
  • 3,658
  • 12
  • 32
  • 44
  • Thanks, but it does not. This is the exact js I used for my project. Here us the problematic website: http://home.pharmpool.com/ – Alon Weissfeld Jun 07 '15 at 08:00