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
Post a Comment