【问题标题】:Why the jquery not working in bootstrap4? [closed]为什么 jquery 在 bootstrap4 中不起作用? [关闭]
【发布时间】:2019-11-27 06:09:04
【问题描述】:

我开始使用引导程序。但是,jquery 不工作。这里有什么问题?

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<p id="test"></p>

<script>$(document).ready(function(){ $("#test").html("Hello World."); }); </script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

【问题讨论】:

  • 不工作怎么办?
  • @King11 我不知道,我使用了引导程序提供的 CDN 中的所有依赖项。 jquery 不工作。我也从 jquery cdn 网站尝试过。它也不起作用。如果我包含来自 CDN 的引导程序。
  • 您能解释一下“jquery 不工作”是什么意思吗?你期望什么行为,你观察到什么?

标签: javascript jquery html bootstrap-4


【解决方案1】:

只需使用这些链接并将其放在文件顶部即可:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript" src="test.js"></script>

jsfiddle:https://jsfiddle.net/2mw57sbu/

【讨论】:

  • 从您的浏览器是否正常工作?
  • 我在最新的 chrome 和 firefox 中进行了测试。 jquery 不工作。
  • 是的,它适用于我的浏览器。 jsfiddle 不工作?删除旧的script 标签并替换为我的答案中的标签。
  • 在 jsfiddle 中工作。我尝试在浏览器中不起作用。你可以在你的浏览器中测试吗?请从源代码。
  • 我使用的是最新版本的 chrome 78.0,它运行良好
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-02-15
  • 2018-02-15
  • 2017-12-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多