Jquery事件嵌套导致事件重复绑定

问题：什么情况下会发生事件重复绑定？如下面例子

第一次点击BtnA时，会处理a过程，点击BtnB时，处理b过程

第二次点击BtnA时，正常处理a过程，但是点击BtnB时，b过程处理了两次

第三次点击BtnA时，正常处理a过程，但是点击BtnB时，b过程处理了三次，

以此类推

$('.BtnA').click(function () {
    console.log('处理a过程')
    $("#BtnB").click(function () {
    console.log('处理b过程') 
    })

})

原因：每点击一次BtnA，都会为BtnB绑定一次处理b过程的内容，所以BtnA点击了几次，去点击Btnb时，就会触发几次b过程的处理

解决办法：每次点击BtnA的时候，判断BtnB是否已经绑定了事件，如果没有绑定则进行绑定事件（这里事件就是处理b过程），如果已经绑定事件，那么可以把BtnB绑定的事件进行解绑，然后重新绑定事件（或者已经绑定，就不做处理），保证BtnB绑定的事件只有一次。

如下：下面是判断是否绑定，如果是，解绑，重新绑定新的事件

$('.BtnA').click(function () {
    console.log("绑定处理b过程")
     //判断是否绑定了click事件，每点一次编辑按钮，就会绑定一次保存按钮的点击事件，造成多次提交，需要判断
    var objEvt = $._data($('#BtnB')[0], 'events');
    if (objEvt && objEvt['click']) {
        console.log('已经绑定了,进行接触绑定');
        $('#BtnB').unbind('click')
    }
    console.log('没有绑定');
    $("#BtnB").click(function () {
      consle.log("绑定处理b过程")
    })
})