gpt4 book ai didi

php - 在基于 PHP 的系统上正确使用 Bootstrap 3 Tooltip

转载 作者:行者123 更新时间:2023-12-01 07:47:26 25 4
gpt4 key购买 nike

我一直试图让这个工具提示代码在页面上初始化,但我无法让 jQuery 正确连接。

我们在 Ubuntu 上运行 PHP,并且使用 Silverstripe。无论我将以下脚本添加到何处或添加到哪个文件,我都无法使该脚本正常工作。我什至尝试从单独的文件中调用它,但它也没有初始化。

如何将此代码添加到 PHP 或 SS 文件中? (Silverstripe CMS 文件)

$(function () {

$('[data-toggle="tooltip"]').tooltip()

})

<button type=\"button\" class=\"btn btn-default help-tool\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Below you will find state-by-state breakdowns in Federal, State, and where available Local categories.
Explore the data by clicking the map or by clicking the magnifying lens in the table view.\"><i class=\"fa fa-info-circle fa-fw\"></i></button>

最佳答案

这通常是涉及脚本调用顺序的问题。

我确信您知道,您需要在 Bootstrap 之前调用 JQuery,您似乎正在这样做。您的工具提示代码位于不同的文件中,很可能在 JQuery 和 Bootstrap 有机会加载之前被调用。您可以通过在工具提示脚本调用之前将 JQuery 和 Bootstrap 脚本调用复制到单独的文件中来测试这一点。

如果您的脚本调用位于 body 标记的底部,并且页面的一部分正在动态加载,您可以尝试在 head 标记中调用 JQuery 和 Bootstrap,而不是在 CSS 之后调用:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" src="bootstrap.css" />
<link rel="stylesheet" type="text/css" src="main.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="bootstrap.js"></script>
</head>
<body>

<!--
Your separate file code that
includes tooltip
-->

<!-- Before
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="bootstrap.js"></script>
-->
</body>
</html>

关于php - 在基于 PHP 的系统上正确使用 Bootstrap 3 Tooltip,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34517231/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com