Question

我几天来一直在寻找这个问题的答案。

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

但是，链接会在标签外重新加载，就像普通链接一样。

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

在下面的演示中，需要工作的链接是＆＃34; Teste＆＃34;里面＆＃34; 30ml＆＃34;标签

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

<div id='tabs'>
  <ul>
    <li><a href='http://sencial.me/teste_tabs/teste_tabs_fiddle_30ml_1.html'>30ml (3)</a></li>
    <li><a href='http://sencial.me/teste_tabs/teste_tabs_fiddle_50ml_1.html'>50ml (3)</a></li>
  </ul>
</div>

  $(function() {
    $( "#tabs" ).tabs({
      beforeLoad: function( event, ui ) {
        ui.jqXHR.fail(function() {
          ui.panel.html(
            "Couldn't load this tab. We'll try to fix this as soon as possible. " +
            "If this wouldn't be a demo." );
        });

      }
    });

  });

Answer 1

加载选项卡的内容后，您可以尝试执行此代码以获取所有a链接并加载选项卡内的内容。此外，适应您的需要。

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

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

1 个答案: