javascript - tooltip doesn't work correctly -
<?php foreach ($query $row){ echo '<tr><td> <label class="checkbox"> '.form_checkbox('delete[]', $row['link']).anchor("site/see_art/".$row['feed_id'],$row['title'],'class="abc"'). '<div class="tooltip-inner">'.$row['description'].'</div></td><td>'.substr($row['pub_date'], 5, 12). '</label> </td></tr>' ; } ?>
js:
$(".abc").mouseenter(function(){ cleartimeout($('.tooltip-inner').data('timeoutid')); $('.tooltip-inner').show(200); }).mouseleave(function(){ var timeoutid = settimeout(function(){ $('.tooltip-inner').hide(200); }, 650); $('.tooltip-inner').data('timeoutid', timeoutid); }); $(".tooltip-inner").mouseenter(function(){ cleartimeout($('.tooltip-inner').data('timeoutid')); }).mouseleave(function(){ var timeoutid = settimeout(function(){ $('.tooltip-inner').hide(200); }, 650); $('.tooltip-inner').data('timeoutid', timeoutid); });
in view have table displayed titles. want display description of title when hover link. problem when hover on link displayed me description links. don't know how fix this.
this because of $('.tooltip-inner')
selector - selects elements tooltip-inner
class.
the div
you're trying select (<div class="tooltip-inner">
) sibling of anchor triggering event (<a class="abc"
). select div
, use siblings()
method:
$(this).siblings(".tooltip-inner")...
however need rework other parts of html , javascript have working.
Comments
Post a Comment