簡體   English   中英

為什么 .on 函數在我的 JQuery 上不起作用

[英]Why wont the .on function work on my JQuery

我正在嘗試在網站上編寫一個 jQuery 函數,該函數將在單擊按鈕 os 時啟動一系列問題,但是當單擊該按鈕時,提示不起作用。

<script>

$('submit').on('click', function() {
    var username = prompt("Please type your username");
    var password = prompt("Please type your password");
    var welcome = alert("welcome " + username);
});

</script>

'submit'選擇器匹配<submit>元素,我想你正在尋找input[type="submit"]

 $('input[type="submit"]').on('click', function(){ var username = prompt("Please type your username"); var password = prompt("Please type your password"); var welcome = alert("welcome " + username); });
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <html> <body> <form> <input type="submit"/> </form> </body> </html>

您需要確保腳本在 DOM Ready 處理程序內觸發:

$(function(){

Your code

});

您在這里沒有提供完整的問題,但我注意到'submit'不是標准 HTML 元素的名稱。 因此,我將假設它是一個 ID 或類名。

如果是 ID,則應使用'#submit' 如果是類名,則應使用'.submit'

您的 jQuery 選擇器可能不正確。 $('submit')將在您的 HTML 中查找<submit>元素,這可能不是您想要的。

我的猜測是您正在尋找對<input type="submit"> ,在這種情況下,您應該使用$('input[type="submit"])而不是$('submit')

確保將腳本放在正文的末尾,或者如果必須將其放在頁面頂部,請使用 ready 函數

$(document).ready(function () {
       // your code 
 });

或者你上面的答案是否與就緒函數相同。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM