Estoy usando la extensión de información sobre herramientas jquery ui. Dado un enlace (nivel 1) de clase "información sobre herramientas", genera una información sobre herramientas cuyo contenido es un enlace (nivel 2), y dado que ese enlace (nivel 2) también tiene información sobre herramientas de clase, genera otra información sobre herramientas (nivel 3) cuyo contenido es un enlace cuyo texto es link= y el href del enlace original de nivel 1.

Hasta aquí todo bien. Tanto quiero. (los href originales son muy largos, así que no quiero que aparezcan en el nivel 2)

Lo que quiero hacer es que ese enlace de nivel 3 no genere otra información sobre herramientas. ¿Cómo puedo detener la propagación en ese nivel? Probé una variedad de selectores, pero nada funcionó.

 // modified from https://stackoverflow.com/a/15014759https://stackoverflow.com/a/15014759 $( document ).tooltip({ show: null, // null = show immediately items: '.tooltips', tooltipClass: 'tooltipstyle', content: function () { return "<a class='tooltips' target='_blank' href='" + $(this).prop('href')+ "' title='link=" + $(this).prop('href') + "' >" + $(this).prop('title') + "</a>" ; }, hide: { effect: "", // fadeOut }, open: function( event, ui ) { ui.tooltip.animate({ left: ui.tooltip.position().left - 25 }, "slow" ); }, close: function( event, ui ) { ui.tooltip.hover( function () { $(this).stop(true).fadeTo(1600, 3); //.fadeIn("slow"); // doesn't work because of stop() }, function () { $(this).fadeOut("1600", function(){ $(this).remove(); }) } ); } });