EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: sky-t on March 26, 2019, 07:15:26 AM

Title: Tabs onHover show Tooltip
Post by: sky-t 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

Title: Re: Tabs onHover show Tooltip
Post by: jarry 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>

Title: Re: Tabs onHover show Tooltip
Post by: sky-t on March 29, 2019, 05:01:11 AM

Thank you jarry,

it works!!