「on」関数を使用してイベントを新しいボタンにバインドします。このイベントは複数回トリガーされます。
<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>上記のコードのように、「btn1」ボタンを複数回クリックすると、クリックイベントが可能な限り「btnBind」ボタンにバインドされ、その回数だけ on がトリガーされます。バウンド。
解決策:
1. 一度だけバインドしたい場合は、まず「オフ」にしてバインドを解除し、次に「オン」にします。
$('#btnBind').off('click').on('click',function () {
alert(123);
});2. 一度実行した後にUnbind()を実行します
$('#btn1').click(function () {
$('#btnBind').on('click',function () {
alert(123);
});<BR> $("#btnBind").unbind("click")
});上記のバインドイベントトリガーのサンプルコードはすべてエディターが共有した内容ですので、ご参考になれば幸いです。 PHPの中国語サイトです。
Jquery にバインドされたその他のイベントについては、複数のインスタンス コードをトリガーする関連記事がある PHP 中国語 Web サイトに注目してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
