.on事件未启用点击事件

Question

我将一些简单的代码作为练习进行了组合，似乎在使用.on('click');方法启用点击事件时遇到了问题。

.off事件工作正常，但是当我单击$('#bdReset').click(function (e) {时，它不会打开click事件。如果有人可以指出我的错误或提供一些有关如何克服此错误的建议，我将不胜感激。非常感谢

JS版本：jquery-1.11.1.min.js

Fiddle

// Disable click event on #srcsubmit
$(function () {
  $('#dept').on('change', function () {
    depts = $('#dept option:selected').html();
    $("#srcsubmit").off("click").addClass('disable');
  });
});

// Enable click event on #srcsubmit
$(function () {
  $('#bdReset').click(function (e) {
    //e.preventDefault();
    $("#srcsubmit").on("click").removeClass('disable').css('cursor', 'pointer');
  });
});

Answer 1

尝试下面的示例代码

// Disable click event on #srcsubmit
$(function () {
  $('#dept').on('change', function () {
    depts = $('#dept option:selected').html();
    $("#srcsubmit").prop('disabled', true);
  });
});

// Enable click event on #srcsubmit
$(function () {
  $('#bdReset').click(function (e) {
    //e.preventDefault();
    $("#srcsubmit").prop('disabled', false);
  });
});