2012-02-07 3 views
0

Следующий код предназначен для создания всплывающих подсказок при наведении ... наведите курсор на некоторый текст с помощью следующего кода, например.Подсказки не работают ни в каких браузерах IE?

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

Затем он тянет DIV во внешнем файле с идентификатором tip_1 .... большой ... хорошо, если вы FF, Opera, Chrome etc..but в IE ничего не работает!

Любые идеи, пожалуйста?

<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> 
+0

Попробуйте проверить, вызван ли ваш сценарий с помощью alert(). –

+0

Как я знаю? Весь скрипт выше ... – CodeyMonkey

ответ

1

Вы пытались удалить console.log? Я ошибочно оставил это в своих сценариях до и без специального инструмента, такого как firebug, он выкинет ошибку. Я считаю, что более широко поддерживается использование будет:

window.console.log(offset); 

Вот similar question из SO.

+0

Спасибо, поэтому я просто добавляю это в свой jquery? :) – CodeyMonkey

+0

Вы бы просто удалили эту строку или прокомментировали ее на данный момент. Измените console.log (смещение) на //console.log(offset). Вы также можете получить сообщение об ошибке в этой строке, так как в конце этой строки нет точки с запятой. – Jage

+0

Привет, - Это не сработало :(- Кажется, оно отображается в нужном месте, например, в всплывающей подсказке ... но содержимое всплывающей подсказки не тянется через aJax ... – CodeyMonkey