JQuery click event not triggered
Question
I have a button on one of my views
<div class="span12">
<button id="saveButton" class="btn"><i class="icon-download-alt green"></i> Save</button>
</div>
and a JQuery click event
$("#saveButton").click(function () {
alert("Save clicked");
});
For some reason the click event is never triggered. If I place an alert before the JQuery event the alert is triggered successfully.
I'm sure I'm missing something really simple here, but I cant seem to find the problem.
I made sure that
- JQuery is included successfully
- The javascript file is included successfully
- I use the correct Id for the control
Is there any reason why this event is not triggered?
5 answers
solution1
4 ACCPTED 2013-10-08 09:50:03
You need to put your code in a document ready handler. Without it jQuery will attempt to attach the click event before the element exists in the DOM.
$(function() {
$("#saveButton").click(function () {
alert("Save clicked");
});
});
solution2
3 2013-10-08 09:50:20
Try this:
$( document ).ready(function() {
$("#saveButton").click(function () {
alert("Save clicked");
});
});
solution3
0 2013-10-08 09:53:32
please check working fiddle here :
$( document ).ready(function() {
$("#saveButton").click(function () {
alert("Save clicked");
});
});
solution4
0 2013-10-08 09:53:42
Here is the working code,
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script>
$(document).ready(function(){
$("#saveButton").click(function () {
alert("Save clicked");
});
});
</script>
</head>
<body>
<div class="span12">
<button id="saveButton" class="btn"><i class="icon-download-alt green"></i> Save</button>
</div>
</body>
</html>
solution5
0 2013-10-08 09:56:11
$(function() {
$("#saveButton").click(function () {
alert("Save ");
});
});
hope this will works
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.