EasyUI Forum
May 04, 2024, 08:55:21 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Tabs onHover show Tooltip  (Read 3018 times)
sky-t
Full Member
***
Posts: 145


View Profile
« on: March 26, 2019, 07:15:26 AM »

Hi there,

is there a possibility to show a tooltip when i hover or click a tab?


Thanks
Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #1 on: March 28, 2019, 02:31:10 AM »

Define the tooltip content on the tab title and then instance it after the tabs are created successfully.
Code:
<div class="easyui-tabs" style="width:700px;height:250px">
<div title="<span class='tip' title='tip content'>tab title1</span>">
</div>
<div title="<span class='tip' title='tip content'>tab title2</span>">
</div>
</div>
<script type="text/javascript">
$(function(){
$('.tip').tooltip()
})
</script>
Logged
sky-t
Full Member
***
Posts: 145


View Profile
« Reply #2 on: March 29, 2019, 05:01:11 AM »

Thank you jarry,

it works!!
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!