【问题标题】:Can you use custom JavaScript with bootstrap?您可以在引导程序中使用自定义 JavaScript 吗?
【发布时间】:2017-11-22 19:21:36
【问题描述】:

我对 bootstrap 还很陌生,有一个问题。您是否能够在没有任何特殊调整的情况下使用带有引导按钮的自定义 JavaScript?

【问题讨论】:

  • 是的。是的,你可以。
  • 引导文档甚至向您展示了如何使用自己的脚本进行各种组件交互

标签: javascript html css bootstrap-4


【解决方案1】:

您绝对可以在 Bootstrap 的默认脚本之上使用自定义 JavaScript。

您需要将自定义脚本保存在 Bootstrap's JavaScript 的单独文件中,记住外部文件是从上到下加载的,并且您需要在加载 Bootstrap 的 JavaScript 之前加载 jQuery

在加载 Bootstrap 的 JavaScript 文件后,只需包含您自己的 JavaScript 文件即可让您的更改覆盖 Bootstrap 引入的更改:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="custom_script_1.js"></script>
<script src="custom_script_2.js"></script>

希望这会有所帮助! :)

【讨论】:

  • 谢谢!所以要澄清一下,它是否需要您使用 jquery 或者仅 JavaScript 是否与按钮等对象兼容?
  • jQuery 能做的一切 都可以在原生 JavaScript 中完成;常规 JavaScript 可以操作引导按钮。 Bootstrap 只需要 jQuery,因为 他们 选择使用 jQuery 的一些函数,这意味着你不能在不先加载 jQuery 的情况下运行 Bootstrap 的 JavaScript。
【解决方案2】:

是的,您可以,所有功能都可以像普通按钮一样使用。

【讨论】:

    猜你喜欢
    • 2017-11-09
    • 1970-01-01
    • 2017-04-15
    • 1970-01-01
    • 2018-07-23
    • 2012-04-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多