jquery – .live()或.livequery()

我有一个Ajax的站点,Ajax的内容来自其他页面,例如about.html,contact.html. ajax从一个叫做#main-content的div中获取内容.但是在ajax调用之后,我的其他脚本都破了.比如Tinyscrollbar()插件和一些其他自定义函数.

我搜索了大约4天,发现我的问题是更改DOM的AJAX请求,并且由于脚本在此之前被加载,因此在ajax调用之后它不会运行.

如果我是对的,我需要解决这个问题？ .live()或.livequery()插件？

我正在使用的所有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;  

  });

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

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

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