使用Layer Confirm弹窗没有点击确定按钮就执行了确定方法

这里是我遇到的情况：

html结构

<button id="cancle" class="btn btn-sm btn-primary">取消设置</button>

js:

$("#cancle").click(function (){
            parent.layer.confirm('您确定取消秘书设置吗？',{icon: 3,title:'提示'},function(index){
                $("#tosave").val("0");
                $("#configForm").submit();
                parent.alertSaveMsg("取消成功！","s");
                parent.layer.close(index); 
            });
        });

问题：当点击取消设置时，在弹出confirm的同时，后面代码已经执行，并没有等到点击确定后执行。

解决：button结构中添加type="button"属性