Как получить .delegate() для работы

Question

I asked this question the other day и узнал, что должен использовать .delegate(), чтобы заставить jquery работать после вызова ajax, но я не могу понять, как это сделать. Ajax просто перестает работать вообще после того, как я попытался

Так что я пробовал:

$('.projects').hover(function(){ 
    $defBox.stop(true, true) 
     .fadeToggle(1000) 
     .html('<p>Hover The links to see a description</p>'); 
    }); 

и изменил его на это:

$('.projects').delegate($defBox, "hover", function(){ 
    $defBox.stop(true, true) 
     .fadeToggle(1000) 
     .html('<p>Hover The links to see a description</p>'); 
    }); 

и:

$('.projects dl').delegate($defBox, "hover", function() { 
    .fadeIn(1000); 
}, function() { 
    fadeOut(1000); 
}); 

И до сих пор не Работа. Все, что я делаю неправильно?

Также это не работает эфир.

$('#main-content').load(toLoad, function() { 
    $("#foo").tinyscrollbar(); 
    $("#bar").facebox(); 
    // etc 
}); 

Answer 1

Трудно сказать, не видя разметку, но так как вы загружаете в main-container, я предполагаю, что вы хотите:

$('#main-container').delegate('.projects', 'hover', function(){ 
    // and so on 

Теперь парения события (MouseEnter/MouseLeave) будет срабатывать для .projects элементов, находящихся внутри #main-container, независимо от того, когда они будут добавлены.