JQueryTools现场直播？

Question

我正在一个大项目中使用JQuery Tools http://flowplayer.org/tools/。

问题是:当我使用ajax加载页面时，所有这些JQuery工具都停止工作。我知道我必须重新绑定事件或使用jQuery.Live，但我不知道如何使用JQuery工具做到这一点。

我需要像这样的方法

$(".element").overlay(...)
$(".element").tabs(...)

在使用jQuery.load() (Ajax)后实时工作

有人知道怎么做吗？

下面是ajax和实时代码的更新：

$(".commentlist h3 a").click( function () {
  $('#container').html('loading').load('test.php #business-wrapper', function() {
     alert('Load was performed.');
  });
  return false;
});

包含此选项卡test.php和'load‘事件在ajax中不起作用，没有ajax也不起作用

$("ul.tabs").live('load', function() {
  $(this).tabs("div.panes > div", { effect: 'fade', current: 'active', tabs: 'li' }); 
})

谢谢。

Answer 1

您有针对以下内容的load事件：

$.live('load', function(event) {
  $(this).overlay();
});

Answer 2

如果要替换元素，则需要在ajax成功或完成函数中重新运行这些元素上的代码。下面是一个将其转换为函数的示例(您可以复制它，这是为了保持它的整洁/易于维护)：

function setupStuff(context) {
  $(".element", context).overlay(...)
  $(".element", context).tabs(...)
}

$.ajax({
   //Stuff...
   success: function(data) {
     //Stuff with results...
     setupStuff(data);
   }
});

在document.ready中，最初将其称为：

$(function() {
  setupStuff(document);
});