Twitter bootstrap Bootstrap5JavaScript函数在任何页面上都不起作用
我在asp.net核心项目中使用bootstrap 5，CSS被正确加载，但是javascript函数在任何页面上放置HTML属性的地方都不起作用 在下面的示例中，我使用的是引导工具提示，引导工具提示不起作用，因为这里没有javascript引导函数起作用 导航选项卡、旋转木马和其他引导javascript函数的情况也类似Twitter bootstrap Bootstrap5JavaScript函数在任何页面上都不起作用,twitter-bootstrap,asp.net-core,bootstrap-5,Twitter Bootstrap,Asp.net Core,Bootstrap 5,我在asp.net核心项目中使用bootstrap 5，CSS被正确加载，但是javascript函数在任何页面上放置HTML属性的地方都不起作用 在下面的示例中，我使用的是引导工具提示，引导工具提示不起作用，因为这里没有javascript引导函数起作用 导航选项卡、旋转木马和其他引导javascript函数的情况也类似 <!DOCTYPE html> <html lang="en"> <head> <meta charse
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - Classictravel</title>
<link href="~/lib/fontawesome/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="~/css/main.css" />
<link rel="stylesheet" href="~/lib/bootstrap-icons/bootstrap-icons.css">
<link rel="stylesheet" href="~/css/site.css" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;800&display=swap" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
@RenderSection("Scripts", required: false)
</body>
</html>
@ViewData[“标题”]-Classictravel
@RenderBody（）
@RenderSection（“脚本”，必需：false）
@page
@model IndexModel
@{
ViewData["Title"] = "Home page";
}
<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top">
Tooltip on top
</button>
@page
@模型索引模型
@{
ViewData[“Title”]=“主页”；
}
顶部的工具提示
您可以参考中的概述 使用布局中包含
Popper.jsbootstrap.bundle.min.js<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
@page
@model IndexModel
@{
ViewData["Title"] = "Home page";
}
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
Tooltip on top
</button>
@section Scripts {
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
}
@page
@模型索引模型
@{
ViewData[“Title”]=“主页”；
}
顶部的工具提示
@节脚本{
$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）
})
}