C# 引导Tabdrop在MVC cshtml中不起作用

我有一个mvc razor页面（cshtml），我试图在其中实现bootstrp tabdrop。我能够获得选项卡，但是不显示选项卡。当我在一个html文件中运行相同的代码时，我能够获得包含我额外选项卡名称的选项卡以及tabdrop。但是，当我在cshtml文件中运行代码时，它不会显示出来

额外的选项卡显示在第二行中，tabdrop也不会显示

这是我的cshtml文件的完整代码，我在其中使用了tabdrop.js

if（top.location！=位置）{
top.location.href=document.location.href；
}
$（函数（）{
window.prettyPrint&&prettyPrint（）；
$（'.nav tabs:first'）.tabdrop（）；
$（'.nav tabs:last'）.tabdrop（{text:'More options'}）；
$（'.nav pills'）.tabdrop（{text:'With pills'}）；
});

这是表1

这是表2

这是表3

这是表4

这是表5

这是表6

这是标签7

这是表8

我也有同样的问题。当窗口重新调整大小时，tabdrop插件初始化

我通过在init tabdrop之后调整窗口大小来解决这个问题

$(window).resize();

---

确保引导javascript文件在razor页面上被正确引用。嗨，Chris，javscript文件仅被正确引用。如果你有问题，请使用页面顶部的“提问”按钮。请不要将其作为答案发布。嗨@MikeM。我希望TieminLin发布的答案能够解决我的问题。@KarthikVenkatraman好的，我希望它对你有用，但TieminLin最初的帖子是以问题的形式发布的，没有包含任何修复建议。这就是我的评论。没有问题。。只是说说而已。。关于解决方案，我没有尝试，因为我们已经完全删除了标签：(