Javascript 引导选项卡未加载jQuery&；AJAX

我有一个使用引导的选项卡窗格，我正试图通过jQuery脚本使用Ajax将外部页面加载到其中

ajax脚本正在加载页面的内容，但是窗格没有正确切换。当我点击它们时，它们会加载，但它们只是“停留”，当我点击它时，第二个会堆积在第一个窗格的下方

这是HTML（注意，我使用的是Django，所以HREF是Django查找）

据我所知，此错误似乎只针对选项卡2（

质押列表

）触发。我的

console.log

消息不会在触发此

uncaughttypeerror

时触发

---

为什么我的

.click

功能有时只会捕获？为什么

$（此）。

没有正确通过？

jQuery中没有函数

选项卡

：尝试此示例，将您的url仅放在数据url中：

<div class="container-fluid">
    <ul class="nav nav-tabs" id="caseTab">
        <li class="case_list" data-url="put your Url"><a href="#">Case List</a></li>
        <li class="case_list" data-url="put your Url"><a href="#">Pledge List</a></li>
    </ul>
    <div class="tab-content">
        <div id="case_list">xx</div>
    </div>
</div>
<script>
$('.case_list').click(function(){
    var url = $(this).data("url");
    $('#case_list').load(url);  
    $(this).addClass('active').siblings().removeClass('active');
});
</script>

xx
$（'.case_list'）。单击（函数（）{
var url=$（this）.data（“url”）；
$（“#案例列表”）.load（url）；
$（this.addClass（'active'）.sides（）.removeClass（'active'）；
});

jQuery中没有函数

选项卡

：尝试此示例，将您的url仅放在数据url中：

<div class="container-fluid">
    <ul class="nav nav-tabs" id="caseTab">
        <li class="case_list" data-url="put your Url"><a href="#">Case List</a></li>
        <li class="case_list" data-url="put your Url"><a href="#">Pledge List</a></li>
    </ul>
    <div class="tab-content">
        <div id="case_list">xx</div>
    </div>
</div>
<script>
$('.case_list').click(function(){
    var url = $(this).data("url");
    $('#case_list').load(url);  
    $(this).addClass('active').siblings().removeClass('active');
});
</script>

xx
$（'.case_list'）。单击（函数（）{
var url=$（this）.data（“url”）；
$（“#案例列表”）.load（url）；
$（this.addClass（'active'）.sides（）.removeClass（'active'）；
});

你喜欢这个例子吗？我希望这对你有帮助。

$（'.nav tabs>li>a'）。单击（函数（）{
var id=$（this.attr（'href'），url=$（this.data（'url'）；
$（id）.加载（url）；
});






内容测试1
内容测试2
内容测试3
你喜欢这个例子吗？我希望这对你有帮助。
$（'.nav tabs>li>a'）。单击（函数（）{
var id=$（this.attr（'href'），url=$（this.data（'url'）；
$（id）.加载（url）；
});






内容测试1
内容测试2
内容测试3
jQueryUI代替了引导功能，即使有了它，它也会有所帮助吗


$（函数（）{
$（“#制表符”）.tabs（）；
});

jQuery UI选项卡-默认功能





青蒿素、金樱子、天妇罗、金樱子a、金樱子。库拉比图尔nec arcu。我坐在阿梅特·莫里斯旁边。这是一个很好的例子。埃蒂亚姆·阿利奎特·马萨和洛雷姆。毛里斯·达比乌斯·拉库斯·奥克托·里苏斯。埃尼安临时乌兰科珀酒店
狮子座。维瓦摩斯·塞德·马格纳·奎斯·利古拉·埃利弗德·阿迪皮斯。杜伊斯·奥奇。苏打水煎饼或同侧生命。阿利奎姆·努拉。我是阿利奎姆·莫莱斯蒂·埃拉特。这是一种新的葡萄品种。这是我的梦想。同侧相位。
努克·特里斯蒂克·坦普斯·莱克图斯

Morbi tincidunt，我坐在医院里，看医生，看医生，看医生，看医生。杜伊斯·塞勒里克·莫莱斯蒂·图皮斯。塞德·弗林利亚，马萨·埃吉特·卢克图斯·马莱苏阿达，梅特斯·厄洛斯·莫莱斯蒂·莱克托斯，我们的厄洛斯·多洛。埃尼安
aliquet-fringilla扫描电镜。悬钩子在舌苔中是舌苔。在爱神的前庭里祈祷。临床医生。库拉比图尔·奥纳雷·康塞奎特·努克。埃尼安·韦尔梅特斯。乌特·波苏尔·维韦拉·努拉。阿利奎姆·埃拉特·帕特。
佩伦茨克康瓦利斯。梅塞纳斯·费吉亚、佩伦特斯·普雷蒂姆·波苏尔、猫科动物奥勒姆·尤伊斯莫·费利斯、欧纳·利奥·尼西·维勒·费利斯。毛里斯·康塞德图尔·托托和珀鲁斯

毛里斯·埃利芬德和图皮斯。酒后驾车。潜力悬钩子。这是一种腐败，是一种腐败，是一种腐败，是一种腐败，是一种腐败，是一种腐败。前庭无前庭。每个科努比亚的社会责任等级
诺斯特拉，每一个接受者。Fusce苏打啤酒。这是一个很好的例子。这是一种很好的治疗方法。库拉比图尔·洛雷姆·埃尼姆、普雷蒂姆·内克、福吉亚·内克、卢克图斯·a、拉克斯

杜伊斯·库苏斯。梅塞纳斯·利古拉·厄罗斯、布兰迪·内克、法雷特拉、森佩尔、麦格纳。纳拉姆ac拉克斯。无便利。普雷森特·维韦拉·胡斯托·维塔·内克。普拉森特·布兰迪特·维利特。潜力悬钩子。Donec mattis，pede vel pharetra blandit，
大口舌是爱欲的象征，它是爱的象征。南斯克利斯克。Donec non libero sed nulla mattis commodo。Ut矢状位。Donec nisi lectus，封建者porttitor，临时ac，临时vitae，pede。交通工具
芸香。Maecenas commodo。佩伦茨克nec精英。拉库斯的福斯。维瓦摩斯是自由人，莱克图斯·亨德雷特·亨德雷特

jQueryUI代替了引导功能，即使有了它，它也会有所帮助吗


$（函数（）{
$（“#制表符”）.tabs（）；
});

jQuery UI选项卡-默认功能





青蒿素、金樱子、天妇罗、金樱子a、金樱子。库拉比图尔nec arcu。我坐在阿梅特·莫里斯旁边。这是一个很好的例子。埃蒂亚姆·阿利奎特·马萨和洛雷姆。毛里斯·达比乌斯·拉库斯·奥克托·里苏斯。埃尼安临时乌兰科珀酒店
狮子座。维瓦摩斯·塞德·马格纳·奎斯·利古拉·埃利弗德·阿迪皮斯。杜伊斯·奥奇。苏打水煎饼或同侧生命。阿利奎姆·努拉。我是阿利奎姆·莫莱斯蒂·埃拉特。这是一种新的葡萄品种。这是我的梦想。同侧相位。
努克·特里斯蒂克·坦普斯·莱克图斯

Morbi tincidunt，酒后驾车
Uncaught TypeError: $(...).tab is not a function

<div class="container-fluid">
    <ul class="nav nav-tabs" id="caseTab">
        <li class="case_list" data-url="put your Url"><a href="#">Case List</a></li>
        <li class="case_list" data-url="put your Url"><a href="#">Pledge List</a></li>
    </ul>
    <div class="tab-content">
        <div id="case_list">xx</div>
    </div>
</div>
<script>
$('.case_list').click(function(){
    var url = $(this).data("url");
    $('#case_list').load(url);  
    $(this).addClass('active').siblings().removeClass('active');
});
</script>