Jquery 从引导选项卡加载外部页面/链接
我一直试图在引导选项卡中加载一些外部文件和/或链接,但没有成功。我注意到还有许多其他帖子也有类似的问题,但他们的解决方案似乎不起作用 这是一个例子,但我不知道为什么它不起作用 提琴jsJquery 从引导选项卡加载外部页面/链接,jquery,html,twitter-bootstrap,Jquery,Html,Twitter Bootstrap,我一直试图在引导选项卡中加载一些外部文件和/或链接,但没有成功。我注意到还有许多其他帖子也有类似的问题,但他们的解决方案似乎不起作用 这是一个例子,但我不知道为什么它不起作用 提琴js $('#myTabs a').click(function (e) { e.preventDefault(); var url = $(this).attr("data-url"); var href = this.hash; var pane = $(this); /
$('#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');
});
我还将其上载到,并且部分在那里工作(带有外部链接和文件的选项卡除外)选项卡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不起作用,因为请求的URL可能不存在:
希望这有帮助 嗨,西蒙·杰克逊。谢谢你的回复。我尝试将您的代码添加到javascript中,但似乎无法解决问题。。。此外,我注意到,如果外部页面位于另一个文件夹中,它们也可以工作。我已经更新了。不管怎样,我已经解决了问题。。原来我在外部页面上添加了一些额外的div类。。。