Question

我已加入我的标题：

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

这是我的身体，我只是想测试一下，但我收到了一个错误：

ReferenceError: jQuery is not defined
    factory( jQuery );

<body>
      <script>
          $.extend({ alert: function (message, title) {
                      $("<div></div>").dialog( {
                        buttons: { "Ok": function () { $(this).dialog("close"); } },
                        close: function (event, ui) { $(this).remove(); },
                        resizable: false,
                        title: title,
                        modal: true
                      }).text(message);
                    }
                });

            $.alert('message', 'fileName');
      </script>
    </body>

我不确定为什么对话框在我的代码中不起作用。我在脚本中遗漏了什么或其他问题是什么？

Answer 1

尝试在jQuery脚本之后包含jQuery UI脚本，你需要它们这样（因为jQuery UI使用jQuery，因此需要首先加载jQuery）

<head>
    <script type="text/javascript" src="jquery/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="jquery/jquery-ui.js"></script>
    <link rel="stylesheet" type="text/css" href="jquery/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="jquery/jquery-ui.structure.css">
    <link rel="stylesheet" type="text/css" href="jquery/jquery-ui.theme.css"></script>
</head>

请注意使用您拥有的脚本版本，“jquery-3.1.1.js”只是一个例子。

我在评论中告诉你，你不需要两个jQuery脚本 - 常规和缩小，不要同时删除它们。所以总结一下

jQuery = jQuery-min
jQuery！= jQuery-UI
jQuery-UI需要首先加载jQuery。

JQuery对话框不起作用

1 个答案: