cant get jquery hover to work with .live()
        Posted  
        
            by Haroldo
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by Haroldo
        
        
        
        Published on 2010-04-14T14:48:51Z
        Indexed on 
            2010/04/14
            15:13 UTC
        
        
        Read the original article
        Hit count: 211
        
jQuery
the second function isnt working?
$('.edit_hover').live('hover',
    function(e){        
        $(this).stop();
        var half_width = ($(this).css('width').slice(0, -2))/2;
        var half_height = ($(this).css('height').slice(0, -2))*0.3;
        console.log(half_width);
        var top = ($(this).position().top) + half_height;
        var left = ($(this).position().left) + half_width;
        $('#edit_hover').css('top', top).css('left', left).fadeIn(300);
        //add overlay
        $(this).css('position', 'relative').append('<div class="edit_overlay" style="position: absolute; top:0px; left:0px; height:100%; width: 100%; background: #999; opacity: 0.5;"></div> ')
    },
    function(){
        $(this).stop();
        $(this).find('.edit_overlay').remove();
        $('#edit_hover').fadeOut(300);
    }); 
© Stack Overflow or respective owner