Question

javascript不知道什么原因导致了多次调用点击事件

function setClick() {//设置每节课的点击事件
var bookingid;
$(".cla").on("taphold",function(){
if($(this).text() != ""){
bookingid = $(this).attr("value");
var elementid = $(this).attr("id");
mui('#sheet1').popover('toggle');

$("#menu_delete").on("click",function(){//菜单删除事件
mui('#sheet1').popover('toggle');
swal({
title: "Are you sure?",
text: "你确定要删除这次预定吗？",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete!",
cancelButtonText: "No, cancel!",
closeOnConfirm: false,
}, function () {
$.ajax({ //使用ajax与服务器异步交互
url:"Booking?s="+new Date().getTime(), //后面加时间戳，防止IE辨认相同的url，只从缓存拿数据
type:"POST",
data: {bookingid:bookingid,act:"delbooking"}, //$('#yourformid').serialize()；向后台发送的form表单中的数据
// dataType:"json", //接收返回的数据方式为json

error:function(XMLHttpRequest,textStatus,errorThrown){
alert("网络错误，登录失败！");

}, //错误提示
success:function(data){ //data为交互成功后，后台返回的数据
$("#"+elementid).text("");
$("#"+elementid).attr("value","");
mui.toast('您的预定已经成功删除！');
swal.close();
// swal("Deleted!", "您的预定已经成功删除！", "success");

}
});
});
});

}
第一点击删除是调用了一次，第二次点击确实调用2次，第三次3次。。。，不知道是什么原因

Answer 1

你的代码不全，有可能的原因是你代码对相同的元素绑定了多次相同的事件，导致会触发多次。

我举个栗子：

    <p id="t">测试</p>
	<script src="jquery-1.9.1.min.js"></script>
    <script>
        $('#t').click(function(){
            alert(1);
        });
        
        $('#t').click(function(){
            alert(1);
        });
        
    </script>