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!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
