jQuery解决点击一次却出现多次点击的效果

首先上图：

这行代码的效果是当点击加号时，出现一个input框。

点击第一次时，它是正常的，但当我关闭弹窗后再点击一次，它出现了点击两次的效果，关闭后再点击会出现点击三次的效果。就很诡异

解决办法之一：加一个unbind()，删除click事件的处理程序后再click

$(document).unbind().on('click', '.question-type-pane a.add-option', function () {
        var parent = $(this).parents('.question-type-pane'),
            parentType = $(parent).data('type');
        var html = "";
}）；

解决办法之二：加一个off("click")，将click事件解绑后再进行绑定

 $(document).off("click").on('click', '.question-type-pane a.add-option', function () {
        var parent = $(this).parents('.question-type-pane'),
            parentType = $(parent).data('type');
        var html = "";
}）；