【问题标题】:jqueryui dialog missing title bar, "x button" and surround dialog boxjqueryui 对话框缺少标题栏、“x 按钮”和环绕对话框
【发布时间】:2017-09-01 15:57:13
【问题描述】:

我认为这是一个 CSS 错误。我下载了 jqueryui 对话框示例代码,(在 jquery 站点中显示为广告)将其存储在记事本中并使用各种浏览器指向它,但样式错误。没有标题栏,没有 X 按钮,但是标题文本确实出现了,并且出现了一个标有“关闭”的按钮。也没有周围的盒子。看起来文本和关闭按钮位于现有内容的顶部。是可拖动的,关闭按钮有效,所以功能还可以。

这是来自 jqueryui 站点的代码。

   <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>jQuery UI Dialog - Default functionality</title>
      <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
      <link rel="stylesheet" href="/resources/demos/style.css">
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
      <script>
      $( function() {
        $( "#dialog" ).dialog();
      } );
      </script>
    </head>
    <body>
     
    <div id="dialog" title="Basic dialog">
      <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
    </div>
     
     
    </body>
    </html>

【问题讨论】:

    标签: javascript css jquery-ui dialog


    【解决方案1】:

    X 按钮在这里显示正常,如果您在本地使用 jquery ui,则必须添加图像文件夹

    【讨论】:

    • 如果你是从官方网站下载的存档,你会找到图片文件夹jqueryui.com/download/all 如果你已经复制了它,请检查你的路径
    • 这是有道理的。我不明白 指向什么,那不是本地文件吗?如果是这样,为什么它对你有用?我显然不是一个 jquery 人。
    • 您的代码正在运行,请看这里jsfiddle.net/vopw2wv4,您的意思是什么,这毫无意义!问题很清楚,图标图像未加载
    • 我说有道理。我的问题是,浏览器如何解决图像引用?在解决这个问题的过程中,我已经安装了许多版本的 jqueryui。
    • 抱歉,在开发者工具中查看您的控制台并告诉我它应该会给您错误
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-24
    • 1970-01-01
    • 2012-01-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多