javascript - JQuery 依赖文件不工作

标签 javascript jquery html css jquery-ui

我正在尝试创建此演示:http://jqueryui.com/dialog/#modal-message

我首先决定复制源代码并修改文件路径,以便一切都相应地匹配。我将源路径更改为以下内容,其他所有内容保持不变:

<link href="jquery-ui.css" rel="stylesheet" type="text/css">
<script src="jquery-ui.js"></script>
<script src="jquery.js"></script>

我的文件夹是这样的:

enter image description here

所以理论上我把它们都正确地联系在一起了。但是我点击html文件测试的时候好像不是这样。它应该看起来像这样:

enter image description here

但它看起来像这样:

enter image description here

我不知道为什么。我希望有人可以帮助我复制我在网上找到的演示。我运气不好。 http://jqueryui.com/dialog/#modal-message如果有人能弄清楚,我将不胜感激。谢谢。

最佳答案

如下所示更改文件的顺序。由于 jquery-ui 依赖于 jquery。您需要先加载 jQuery 库。

<script src="jquery.js"></script>
<script src="jquery-ui.js"></script>

关于javascript - JQuery 依赖文件不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31775464/

相关文章:

javascript - 我如何在 Ember.js 中调用 jQuery 的 hide() 方法?

php - 客户端从服务器检索聊天消息的最佳方式?

javascript - 在 Canvas 上绘画并自动删除它 (HTML5)

javascript - 在模态窗口中使用ID?

jquery - 如何在 Safari 中使用 jQuery 查找多个背景的背景位置/背景图像等

javascript - 如何使用 jquery 获取 anchor url 末尾的数字?

javascript - 将选定的项目追加到列表中

html - 尝试使其成为 3 col 时,网格布局 float hack 不起作用

javascript - 无法在 Bootstrap 3 弹出窗口中显示 html

Javascript - 映射对象成员以返回新的扁平化对象