jQuery 事件队列如何去除，实现单个点击

在做项目中，我们定义一个方法来实现‘modle’框弹框样式，但在实现的过程中会遇到连续点击时不会覆盖掉原来的操作，而是形成队列，顺序操作下来

原本设置如下：

function open_new_modal(id,title,callback){
   $("#modal-middle").modal("show");
   $("#brn_submit").click(callback);


}


现在实现的方法：

function open_new_modal(id,title,callback){
    $("#modal-middle").modal("show");
   $("#brn_submit")[0].οnclick=callback;
}
实现的原理是直接把jQuery 的队列元素变成原生的元素
$("#btn_submit")[0]

原生的元素进行事件操作时，只会触发一次，而不会形成队列