Jquery选项卡链接内部内容以使用Ajax重新加载

我一直在为这个问题寻找答案

我有一些带有Jquery的UI选项卡。当我在选项卡中单击时，内容被加载。在这个内容中，我需要链接，比如排序链接，我需要用Ajax重新加载内容

但是，链接在选项卡外重新加载，就像普通链接一样

在下面的JSFIDLE中，我无法正确加载文件链接，因为我不太了解JSFIDLE

在下面的演示中，a需要工作的链接是“30ml”选项卡中的“Teste”

请问，通过Ajax正确加载此链接的正确代码是什么

$（函数（）{
$（“#制表符”）。制表符({
加载前：函数（事件、ui）{
ui.jqXHR.fail（函数（）{
ui.panel.html(
“无法加载此选项卡。我们将尝试尽快修复此问题。”+
“如果这不是演示的话。”）；
});
}
});
});

加载选项卡内容后，您可以尝试执行此代码以获取所有

a

链接并加载选项卡内的内容。同时，适应你的需要

$('#ui-id-2 a').each(function () {
  $(this).click(function (e) {
    e.preventDefault();
    $(this).load($(this).attr('href'));
  })
});

---

你好Tks，但不幸的是没有工作！#ui-id-2是来自DIV的id，需要在其中加载内容，对吗？！对正如我说的，你可以改变你的目标。我只更改单击链接以执行另一个

load（）

ajax请求，覆盖内容。对不起，如果我不明白的东西。请，你可以在这个测试（链接测试）？我对javascript的理解非常低。还有一件事：你知道一旦Jquery动态生成，我如何获得DIV id（ui-id-2）吗？你可以通过在

#tabs

中选择一级DIV作为

$（“#tabs>DIV”）

来选择生成的DIV。如果有帮助，请发表我的评论@艾尔顿

$('#ui-id-2 a').each(function () {
  $(this).click(function (e) {
    e.preventDefault();
    $(this).load($(this).attr('href'));
  })
});