Muszę mieć przycisk i obsłużyć jego zdarzenie w jQuery. Piszę ten kod, ale nie działa. Przegapiłem coś?
<!-- Begin Button -->
<div class="demo">
<br> <br> <br>
<input id = "btnSubmit" type="submit" value="Release"/>
<br> <br> <br>
</div>
<!-- End Button -->
Oraz w pliku javascript
function btnClick()
{
// button click
$("#btnSubmit").button().click(function(){
alert("button");
});
}
btnClick
funkcji obejmującej ? Nie rozumiem, co to dodajeOdpowiedzi:
Musisz umieścić procedurę obsługi zdarzenia w zdarzeniu $ (document) .ready ():
$(document).ready(function() { $("#btnSubmit").click(function(){ alert("button"); }); });
źródło
$(document).ready(function(){ $('your selector').bind("click",function(){ // your statements; }); // you can use the above or the one shown below $('your selector').click(function(e){ e.preventDefault(); // your statements; }); });
źródło
.on()
metoda ta jest preferowaną metodą dołączania programów obsługi zdarzeń do dokumentu. Dlatego byłoby lepiej:$('your selector').on("click", ...);
$('#btnSubmit').click(function(){ alert("button"); });
lub
//Use this code if button is appended in the DOM $(document).on('click','#btnSubmit',function(){ alert("button"); });
Więcej informacji można znaleźć w dokumentacji:
https://api.jquery.com/click/
źródło
$("#btnSubmit").click(function(){ alert("button"); });
źródło
Spróbuj tego:
$(document).on('click', '#btnClick', function(){ alert("button is clicked"); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="btnClick">Click me</button>
źródło
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#button").click(function(){ alert("Hello"); }); }); </script> <input type="button" id="button" value="Click me">
źródło
<script type="text/javascript"> $(document).ready(function() { $("#Button1").click(function() { alert("hello"); }); } ); </script>
źródło
$('#btnSubmit').click(function(event){ alert("Button Clicked"); });
lub tak jak używasz przycisku przesyłania, dzięki czemu możesz napisać kod w zdarzeniu walidacji formularza, takim jak
$('#myForm').validate(function(){ alert("Hello World!!"); });
źródło
Pracuje dla mnie
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $("#btn").click(function() { alert("email") }); </script>
źródło