Question

我尝试了以下简单的查询警报弹出窗口，但总是得到该对象不支持属性/方法的错误。我有什么想法吗？

<script>
$(function () {
  ("#hello").show()
});
</script>

和

<script>
$(function () {
  ("#hello").dialogue()
});
</script>

HTML

<div id="hello">testing.</div>

Answer 1

缺少jQuery选择器$

<script>
$(function () {
    $("#hello").show()
 //-^---
});
</script>

如果您正在寻找jQuery UI对话框然后使用，在这种情况下您还需要包含jQuery ui库和css

$(function() {
    $( "#hello" ).dialog();
});

Answer 2

您只是忘记了jQuery选择运算符$。

将您的代码更改为：

$（function（）{$（＆＃34;＃hello＆＃34;）。show（）}）;

如果您想提醒您可以做的事情：

alert($('#hello').text())

最后，您还可以通过执行以下操作来包含jQuery UI对话框：

$("#hello").dialog()

但是，为此，请确保您的页面上包含相关的jQUery UI库。

Answer 3

您遇到的问题是

答：你错过了$ infront例如$('#element').show()

B：Jquery没有原生对话框。

如果你想要警报风格＆＃34; popup＆＃34;消息，然后你需要寻找一个Jquery插件来做到这一点。 JQuery UI有一个。

除此之外，您可以使用.show()

在屏幕顶部显示div

Answer 4

您错过了$符号（ jQuery ）以及jQuery UI库。

  $("#hello").dialog()

<link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<div id="hello">testing</div>

Answer 5

如果您正在使用jQuery UI，那么如果您想使用dialog（）方法（不是对话框（）），您应该使用它。 http://jqueryui.com/dialog/

编辑:: 是的，正如其他用户所提到的，你也没有使用jQuery选择器。使用jQuery UI，你的代码应该看起来像$（“＃hello”）。dialog（）;对话窗口不需要$（“hello”）。show（）。

如何做简单的jquery警报窗口？

5 个答案: