如何做簡單的jquery警報窗口？

我已經嘗試了下面的一個簡單的查詢警報彈出，但總是得到錯誤，該對象不支持屬性/方法。任何想法我做錯了什麼？如何做簡單的jquery警報窗口？

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

和

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

HTML

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

來源

2014-10-08 4thSpace

是缺少'$''（ '#hello'）'一個錯字過嗎？ – 2014-10-08 15:48:01

您錯過了'$'符號。它被用來表示jQuery對象。例如，'$（「＃hello」）...' – Terry 2014-10-08 15:48:10

您錯過了$符號（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>

來源

2014-10-08 15:58:02

缺少jQuery選擇$

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

如果您正在尋找jQuery用戶界面對話框，然後使用，還需要公司路得的jQuery UI庫和CSS在這種情況下

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

來源

2014-10-08 15:46:25

這確實修復了錯誤，但仍然沒有彈出窗口。該腳本塊位於頁面的底部。我猜這應該不重要？ – 4thSpace 2014-10-08 15:48:42

請創建[小提琴]（http://jsfiddle.net） – 2014-10-08 15:50:34

http://jsfiddle.net/vmgxgr4f/ – 4thSpace 2014-10-08 15:52:18

你根本忘記了jQuery選擇算$。

你的代碼更改爲：

$（函數（）{$（「＃你好」）顯示（）}）;

如果你是想提醒的東西，你可以這樣做：

最後，您還可以包括一個jQuery UI對話框，這樣做：

$("#hello").dialog()

然而，要做到這一點保證您的頁面上包含相關的jQuery UI庫。

來源

2014-10-08 15:48:34 LiamWilson94

您遇到的問題是

答：您缺少$ infront例如$('#element').show()

B：Jquery沒有原生對話框。

如果你想要提醒樣式「彈出」的消息，那麼你需要尋找一個Jquery插件來做到這一點。 JQuery UI有一個。

以外，你可以只顯示在屏幕頂部的DIV，使用.show()

來源

2014-10-08 15:49:06

如果您正在使用jQuery UI，你應該是，如果你想使用對話框（）方法（不對話（））。 http://jqueryui.com/dialog/

編輯:: 是，由其他用戶所提到的，你也不能使用jQuery selector.With jQuery UI的，你的代碼看起來應該像$（「＃你好」）對話框（）。 $（「hello」）.show（）對話窗口不需要。

來源

2014-10-08 15:50:22 user3633776

如何做簡單的jquery警報窗口？

回答

相關問題