2015-03-13 3 views
1

Я использую JqueryUI.tooltip, чтобы сделать снимок видимым при наведении курсора на текст. http://jsfiddle.net/gwj230rn/JQueryUI tooltip positioning

<script language="javascript"> 
    $(document).ready(function() 
    { 
     $(".imagehover").tooltip 
     ({  
      items: "[data-src]", 
      content: function() 
      { 
       return '<img src="' + $(this).data("src") + '" />'; 
      }, 
      tooltipClass:"tooltipImg", 
      position: 
      { 
       within: ".usertable" 

      }, 
      track:true 
     }); 
    }); 
</script> 

.usertable представляет собой таблицу, которая всегда больше, чем браузеры видимой области. Есть ли другой параметр, например, «visiblearea» или что-то подобное для позиционирования?

ответ

0
div.ui-tooltip { 
    max-width: 100%; 
} 

Это решение исправляет всплывающую подсказку, чтобы обернуть содержимое своих детей.

+0

, где мне нужно вставить это? – Flayckz

+0

Вставьте его в файл CSS и привяжите этот файл CSS на странице html, в которой находится скрипт jQuery. Вот пример: [http://www.w3schools.com/tags/tag_link.asp](http:/ /www.w3schools.com/tags/tag_link.asp) –

Смежные вопросы