Forum user: vedmack

I know this is an old one...

but still...

min

mind sharing the code?

thanks ahead,

Daniel

Hi

I'm trying to add the tooltip to the jquery datatables

I looked at the example on this tooltip site and tried to to the same, but it does not work

here is the WORKING WAY:

$("#widgetTableID").delegate("tbody td", "mouseenter", function() {
				$(this).tooltip({

					// each trashcan image works as a trigger
					tip: '#tooltip',

					// custom positioning
					position: 'center right',

					// move tooltip a little bit to the right
					offset: [0, 15],

					// there is no delay when the mouse is moved away from the trigger
					delay: 0,
					onBeforeShow: function(event, position){
						this.getTrigger().parent().css('z-index','9999');
					},
					onHide: function(){
						this.getTrigger().parent().css('z-index','1');
					}
				});
			});

here is the not working way(but suggested by the tooltip example

here is the NOT WORKING WAY:

	$("#widgetTableID tbody td").tooltip({

				// each trashcan image works as a trigger
				tip: '#tooltip',

				// custom positioning
				position: 'center right',

				// move tooltip a little bit to the right
				offset: [0, 15],

				// there is no delay when the mouse is moved away from the trigger
				delay: 0,
				onBeforeShow: function(event, position){
					this.getTrigger().parent().css('z-index','9999');
				},
				onHide: function(){
					this.getTrigger().parent().css('z-index','1');
				}
			});

What can be the reason that

$("#widgetTableID tbody td").tooltip({

does not work?

Thanks ahead,

Daniel.