.live () or .livequery ()

Question

I have a site that is Ajaxed, content that is Ajax relates to other pages like about.html, contact.html. Ajax gets content from a div called # main-content. But after ajax call the rest of my scripts break. For example, the tinyscrollbar () plugin and some other custom functions.

I searched for about 4 days and found out that my problem was that the AJAX request changed the DOM, and since the scripts were loaded before that, it did not start after ajax call.

If I'm right, what do I need to fix? .Live () or the .livequery () plugin?

All used by me JS:

var $dd = $('.projects dl').find('dd'), $defBox = $('#def-box');

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

  $dd.hide();
  $('.projects dl dt').hover(function(){
    var $data = $(this).next('dd').html();
    $defBox.html($data);
    }); 

  // Ajax Stuff 
  // Check for hash value in URL  
  var hash = window.location.hash.substr(1);

  //  Check to ensure that a link with href == hash is on the page  
  if ($('a[href="' + hash + '"]').length) {
    //  Load the page.
    var toLoad = hash + '.php #main-content';
    $('#main-content').load(toLoad);
  }

  $("nav ul li a").click(function(){
    var goingTo = $(this).attr('href');
    goingTo = goingTo.substring(goingTo.lastIndexOf('/') + 1);
    if (window.location.hash.substring(1) === goingTo) return false;

    var toLoad = $(this).attr('href')+' #main-content',
    $content = $('#main-content'), $loadimg = $('#load');

    $content.fadeOut('fast',loadContent);  
      $loadimg.remove();  
      $content.append('<span id="load"></span>');  
      $loadimg.fadeIn('slow');  
    window.location.hash = goingTo;

    function loadContent() {  
        $content.load(toLoad,'',showNewContent)  
    }  
    function showNewContent() {  
        $content.fadeIn('fast',hideLoader);  
    }  
    function hideLoader() {  
        $loadimg.fadeOut('fast');  
    }  
    return false;  

  });

Answer 1

, . $.load :

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

, , .live .delegate ( ), , (ajax-replace), :

$('.projects dl').delegate("dt", "hover", function() {
   ...
}, function() {
    ...
});

$('.projects dl dt').live("hover", function() {
   ...
}, function() {
    ...
});