2016-11-29 2 views
-3

Ich kann meinen Fehler nicht finden. alert() ist auf jeden Fall arbeiten, aber nicht in $('#submit1').click Funktion ...Jquery-Taste() klicken Ereignis funktioniert nicht

$(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>

Antwort

7

Sie sind nicht die # in dem HTML-Code, nur in dem jQuery-Selektor setzen sollen. So ändern Sie einfach

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

zu

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

Snippet:

$(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

Sie verpasste ein mehr bearbeiten "sollte das # int setzt er html" –

+0

Dank @MandeepJain. –

0

"# submit1" sollte „s sein ubmit1 "in Ihrem Markup.

0

Die # zeigt an, dass Sie sich auf eine id beziehen. Die id selbst benötigt keinen Hash. Sie sollten sich grundlegende css-Selektoren ansehen.

$(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"/> 

entfernen, die in # submit1 (id-Attribut).

0

nur Änderungen unter Eingabe Text in Ihrem html ...

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