从Bootstrap选项卡加载外部页面/链接

Question

我一直在尝试在引导程序选项卡中加载一些外部文件和/或链接但不成功。我注意到还有一些其他帖子有类似的问题，但他们的解决方案似乎没有用......

以下是JSFiddle，但我不确定为什么它不起作用......

小提琴js

$('#myTabs a').click(function (e) {
    e.preventDefault();

    var url = $(this).attr("data-url");
    var href = this.hash;
    var pane = $(this);

    // ajax load from data-url
    $(href).load(url, function (result) {
        pane.tab('show');
    });
});

// load first tab content
$('#home').load($('.active a').attr("data-url"), function (result) {
    $('.active a').tab('show');
});

我还将其上传到c9 workspace，它在那里部分工作（除了带有外部链接和文件的标签）

Answer 1

标签C 有效，但其内容已隐藏：

..尝试删除淡入淡出类：

$('#home').load($('.active a').attr("data-url"), function(result) {
  $('.active a').tab('show');

  // NEW CODE
  $(href).find('.fade').removeClass('.fade');
  // END NEW CODE
});

---

标签D 不起作用，因为请求的网址可能不存在：

希望这有帮助！