2016-11-29 219 views
-3

我找不到我的錯誤。 alert()肯定是工作,而不是裏面$('#submit1').click功能...jquery button()點擊事件不起作用

$(document).ready(function(){ 
 
    $('#submit1').click(function(){ 
 
     alert("JQuery Running!"); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
    <head> 
 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
 
     <title>Jquery Basic</title> 
 
    </head> 
 
    <body> 
 
     <a>JQuery Test Page</a><br> 
 
     <input id="#submit1" type="button" value="Submit"/> 
 
    </body> 
 
</html>

回答

7

你不應該把#在HTML中,只在jQuery選擇。 所以只是改變

<input id="#submit1" type="button" value="Submit"/> 

<input id="submit1" type="button" value="Submit"/> 

段:

$(document).ready(function(){ 
 
    $('#submit1').click(function(){ 
 
     alert("JQuery Running!"); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
    <head> 
 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
 
     <title>Jquery Basic</title> 
 
    </head> 
 
    <body> 
 
     <a>JQuery Test Page</a><br> 
 
     <input id="submit1" type="button" value="Submit"/> 
 
    </body> 
 
</html>

+0

你錯過了多個編輯「應該把#詮釋他的HTML」。 –

+0

感謝@MandeepJain。 –

0

「#submit1」 應爲「S ubmit1「在你的標記。

0

#表示您指的是idid本身不需要散列。你應該看看基本的CSS選擇器。

$(document).ready(function(){ 
 
    $('#submit1').click(function(){ 
 
     alert("JQuery Running!"); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
    <head> 
 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
 
     <title>Jquery Basic</title> 
 
    </head> 
 
    <body> 
 
     <a>JQuery Test Page</a><br> 
 
     <input id="submit1" type="button" value="Submit"/> 
 
    </body> 
 
</html>

0
<input id="submit1" type="button" value="Submit"/> 

除去submit1的#(ID屬性)。

0

低於你的HTML輸入文本只是改變了......

<input id="submit1" type="button" value="Submit"/>