Question

I’m loading some content via ajax and need to use the live() function. Since the following plugin has properties to set how do you set it up to use live()?

$(function () {
        $("#book-wrapper .books").hoverIntent({
            over: enter,
            out: leave,
            interval: 200
        });
    });
    function enter() { $(this).animate({ width: '+=115px' }, 350, 'swing'); $(".slide-out", this).animate({ opacity: 1 }, 450, 'swing'); }
    function leave() { $(this).animate({ width: '-=115px' }, 350, 'swing'); $(".slide-out", this).animate({ opacity: 0.0 }, 450, 'swing'); }

Answer 1

Given your above clarification – you may not actually need live… as bind does this for you. Some other plugins exist that do this as well, including livequery

$(function(){
  $('html').bind('myhoverintent',function(){
        $('#book-wrapper .books').hoverIntent({
            over: enter,
            out: leave,
            interval: 200
        }); //fixed syntax error
});

//then, later in your method that adds .books:

$('html').append('<div class="books">test</div').trigger('myhoverintent');

Even simpler would be if your method to add books comes as a result of a jQuery ajax method, you could just re-call your original selector on the success method of $.ajax