Use the 'on' function to bind an event to a new button. This event will be triggered multiple times.
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>码上飘</title>
<script src="/FrontStyle/js/jquery-1.11.2.min.js" type="text/javascript"></script>
<script>
$(function(){
$('#btn1').click(function () {
$('#btnBind').on('click',function () {
alert(123);
});
});
})
</script>
</head>
<body>
<input id="btn1" type="button" value="确认" />
<input id="btnBind" type="button" value="绑定按钮" />
</body>
</html>Such as the above code, if you click the 'btn1' button multiple times, then the click event will be bound to the 'btnBind' button as many times as possible, and on will be triggered as many times as it is bound.
Solution:
1. If you want it to be bound only once, you can first 'off' to unbind and then 'on'.
$('#btnBind').off('click').on('click',function () {
alert(123);
});2. Unbind() after executing it once
$('#btn1').click(function () {
$('#btnBind').on('click',function () {
alert(123);
});<BR> $("#btnBind").unbind("click")
});The above example code of Jquery on binding event triggering multiple times is all the content shared by the editor. I hope It can give you a reference, and I hope you will support the PHP Chinese website.
For more Jquery on-bound events that trigger multiple instance codes, please pay attention to the PHP Chinese website for related articles!
What is cryptocurrency kol
Introduction to SSL detection tools
Solution to slow access speed when renting a US server
ie shortcut cannot be deleted
What is the difference between USB-C and TYPE-C
Solution to the Invalid Partition Table prompt when Windows 10 starts up
How to solve 404 not found
What to do if chrome cannot load plugins
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
