I have seen a very frequently asked question by developers – How to execute an event only once. With jQuery, achieving this requirement is very simple using One
Here’s how:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Click me once only</title>
<script type="text/javascript"
src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js">
</script>
<script type="text/javascript">
$(function() {
$("#Submit1").one('click', function() {
$(this).val("No more alerts");
alert('');
});
});
</script>
</head>
<body>
<input id="Submit1" type="submit" value="submit" />
</body>
</html>
In the code shown above, the click event is fired only once and the alert is displayed. All subsequent clicks will do nothing
Tweet
About The Author
No comments:
Post a Comment