In this article I will explain with an example, how to solve the problem of jQuery Live Click not working and giving error Live is not a function.
jQuery Live function has been depreciated i.e. removed from jQuery version 1.9 onwards and hence when you are using any newer jQuery version i.e. version 1.9 or above you will get error that Live is not a function.
Problem
jQuery Live function not working with newer versions of jQuery and hence error is thrown that Live is not a function.
Cause
jQuery Live function has been depreciated i.e. removed from jQuery version 1.9 onwards and hence when you are using any newer jQuery version i.e. version 1.9 or above you will get error that Live is not a function.
Solutions
1. jQuery on function
The Live function has been replaced by jQuery on function and the syntax is shown below.
jQuery on Syntax
![jQuery Live Click not working with error Live is not a function]()
Example
<input type="button" id = "button1" value = "Click Me!" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$("body").on("click", "#button1", function () {
alert("Button was clicked.");
});
</script>
2. Click event handler inside jQuery document ready function
Another way is to assign Click event handler inside the jQuery document ready function in the same old-fashioned way.
The only problem is that, it will not work for dynamic elements.
<input type="button" id = "button1" value = "Click Me!" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$("#button1").click(function () {
alert("Button was clicked.");
});
});
</script>
3. Using multiple jQuery versions
Multiple jQuery versions can be used on same page using the jQuery noConflict function.
Complete details about using multiple versions of jQuery has been provided in the following article.
