javascript - 切换禁用/启用链接

Question

我正在尝试在链接上应用切换禁用/启用脚本，以便如果单击链接，它将被禁用并在单击另一个链接后重新启用。

为了检查禁用的链接，我使用了警报，理想情况下，禁用时不会触发该警报。

我正在与:

 $('body').on('click', 'a.disabled', function (event) {
            event.preventDefault();
        });

        jQuery.fn.extend({
            disable: function (state) {
                return this.each(function () {
                    var $this = $(this);
                    $this.toggleClass('disabled', state);
                });
            }
        });

        // Disabled with:
        $('a').disable(true);

        // Enabled with:
        $('a').disable(false);

        $('.link_1').click(function () {

            alert('link_1 clicked');

        });

        $('.link_2').click(function () {

            alert('link_2 clicked');

        });

并且已经设置了JS Bin

https://jsbin.com/jatani/1/edit?html,js,output

Answer 1

您可以使用此处理程序执行相同的操作

$('body').on('click', 'a, function (event) {
            $('a.disabled').removeClass('disabled');
            $(this).addClass('disabled');
        });