Disable Mouseleave in jQuery -


i'm using following code display tooltip when mouseover event triggered on .iconimage:

 $('body').append('<span id="note-tooltip-wrapper"><a href="#" class="close">slet <img src="/images/note-close-icon.png"></a><span class="content"></span><span class="bottom"><a href="#" class="edit">ret</a></span></span>');     $('.show .iconimage').wrap("<span class='note-tip-wrapper'></span>").closest('.note-tip-wrapper').css({ 'position': 'relative' });     $('.show .iconimage').mouseover(function () {         var $tipheight = $(this).closest('.note-tip-wrapper').find('.show .iconimage').height();         var $tipwidth = $(this).closest('.note-tip-wrapper').find('.show .iconimage').width();         var $html = $(this).closest('p.show').next('.longnote').html();         $('#note-tooltip-wrapper').appendto($(this).closest('.note-tip-wrapper')).fadein(300).css({ 'position': 'absolute', 'left': 0, 'top': 0, 'z-index': '10000' }).find('.content').html($html);         $('#note-tooltip-wrapper .save').trigger('click');     });     $('#note-tooltip-wrapper').mouseleave(function() {       $(this).fadeout(300);     });     //$('#note-tooltip-wrapper .close').live('click', function () {     //    $(this).closest('#note-tooltip-wrapper').hide();     //});     $('#note-tooltip-wrapper .edit').live('click', function () {         $(this).removeclass('edit').addclass('save').text('spare');         var $html = $(this).closest('#note-tooltip-wrapper').find('.content .editnote').html();         $(this).closest('#note-tooltip-wrapper').find('.content .editnote').html('<textarea cols="5" rows="5">' + $html + '</textarea>');     });     $('#note-tooltip-wrapper .save').live('click', function () {         $(this).removeclass('save').addclass('edit').text('ret');         var $html = $(this).closest('#note-tooltip-wrapper').find('.content textarea').val();         //console.log($html)         $(this).closest('#note-tooltip-wrapper').find('.content .editnote').html($html);         $(this).closest('p.show').next('.longnote').find('.editnote').html($html);     }); 

this code displays tooltip on mouseover , mouseout, i'd trigger mouseout when .edit clicked.

you can trigger mouseleave programmatically:

$('#note-tooltip-wrapper').trigger('mouseleave'); 

Comments

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

java Extracting Zip file -

C# WinForm - loading screen -