Question

The following code is to generate tooltips on hover… hover over some text with the following code e.g.

span class="ttip" rel="#tip_1" 

It then pulls the div in an external file with the id of tip_1…. great… well if you’re FF, Opera, Chrome etc..but in IE nothing works!

Any ideas please?

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('.ttip').hover(function(){
            var offset = jQuery(this).offset();
            console.log(offset)

            var width = jQuery(this).outerWidth();
            var tooltipId = jQuery(this).attr("rel");

            jQuery('#tooltip-cont').empty().load('/tooltips.html ' + tooltipId).fadeIn(500);
            jQuery('#tooltip-cont').css({ top:offset.top, left:offset.left + width + 10 }).show();
        }, function(){
            jQuery('#tooltip-cont').stop(true, true).fadeOut(200);
        });
    });
</script>

Answer 1

Have you tried removing console.log? I have mistakenly left that in my scripts before and without a specialized tool like firebug, it will throw an error. I believe the more widely-supported usage would be:

window.console.log(offset);

Here is a similar question from SO.