CDN

Question

我正在使用jQuery-ui对话框，我添加了库：

<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/jquery-ui.css">

<script src="../js/jquery-3.2.1.min.js"></script>
<script src="../js/tether.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery-ui.js"></script>

但是当出现对话框时，您无法看到关闭按钮X.

我可以这样看：

我在控制台上有这些错误：

无法加载资源：服务器响应状态为404 （未找到）

Answer 1

错误：

您的服务器上没有3个png。

您可以在以下位置指向png：

CDN

https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/images/ui-icons_444444_256x240.png

https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/images/ui-icons_555555_256x240.png

https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/images/ui-icons_777777_256x240.png

OR

下载它们并将它们放在您自己的服务器上。

在这两种情况下，您可能需要更改HTML文件中的1. stylesheet或2. inline <style>标记中的规则集：

样式表： jquery-ui.css行。要查找要编辑的特定行，请转到该错误日志并单击每个错误。您应该被重定向到浏览器的CSS文件视图到您需要编辑的确切行。

OR

<style>...</style>

<head>

Answer 2

当您下载Jquery UI zip文件并解压缩时，会有一个images文件夹。复制并粘贴到项目文件夹中。然后，它将完美地工作。

Answer 3

图片文件不是它原来的地方，请下载所需的插件图片并在代码下重试

  <link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/jquery-ui.css">

<script src="../js/jquery-3.2.1.min.js"></script>
<script src="../js/tether.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery-ui.js"></script>

jQuery ui关闭按钮没有显示，但它正常工作

3 个答案:

错误：

CDN

OR

OR