禁用单击html元素jQuery

禁用单击html元素jQuery,jquery,html,css,Jquery,Html,Css,所以对于那些迫不及待的人来说 我正在开发类似的东西,我只是jQuery的新手:)我的问题是如何启用和禁用当我单击下面的禁用和启用按钮时,元素的单击:)非常感谢您的回答。我会非常感激的 预览代码: HTML JS 使用.off()删除处理程序 $(文档).ready(函数(){ 函数处理程序(){ 警报($(this.attr(“数据”)); }; $('.controls li i')。单击(处理程序); $('.disable')。单击(函数(){ $('.controls li i').o

所以对于那些迫不及待的人来说

我正在开发类似的东西,我只是jQuery的新手:)我的问题是如何启用禁用当我单击下面的禁用和启用按钮时,
元素的单击:)非常感谢您的回答。我会非常感激的

预览代码:

HTML

JS

使用.off()删除处理程序

$(文档).ready(函数(){
函数处理程序(){
警报($(this.attr(“数据”));
};
$('.controls li i')。单击(处理程序);
$('.disable')。单击(函数(){
$('.controls li i').off('click',handler);
})
$('.enable')。单击(函数(){
//这里使用off,这样,如果单击两次enable,就不会发生重复的处理程序注册
$('.controls li i').off('click',handler.)。click(handler);
})
});
.controls{
列表样式:无;
}
李先生{
显示:内联块;
利润率:0px 5px;
}
.李一{
光标:指针;
}
使残废
.启用{
利润率:10px;
背景:#000;
颜色:#fff;
填充物:3px 5px;
光标:指针;
}

使残废 启用
使用.off()删除处理程序

$(文档).ready(函数(){
函数处理程序(){
警报($(this.attr(“数据”));
};
$('.controls li i')。单击(处理程序);
$('.disable')。单击(函数(){
$('.controls li i').off('click',handler);
})
$('.enable')。单击(函数(){
//这里使用off,这样,如果单击两次enable,就不会发生重复的处理程序注册
$('.controls li i').off('click',handler.)。click(handler);
})
});
.controls{
列表样式:无;
}
李先生{
显示:内联块;
利润率:0px 5px;
}
.李一{
光标:指针;
}
使残废
.启用{
利润率:10px;
背景:#000;
颜色:#fff;
填充物:3px 5px;
光标:指针;
}

使残废
启用
您可以这样做:

$('.disable').click(function(){
    $('.controls li i').removeClass('clickable');
});

$('.enable').click(function(){
    $('.controls li i').addClass('clickable');
});

$('.clickable').click(function(){
    //actions you want
});

您可以这样做:

$('.disable').click(function(){
    $('.controls li i').removeClass('clickable');
});

$('.enable').click(function(){
    $('.controls li i').addClass('clickable');
});

$('.clickable').click(function(){
    //actions you want
});

谢谢你,先生。你真了不起谢谢你,先生。你真棒
$(document).ready(function(){
    $('.controls li i').click(function(){
        alert($(this).attr("data"));
    });
});
$('.disable').click(function(){
    $('.controls li i').removeClass('clickable');
});

$('.enable').click(function(){
    $('.controls li i').addClass('clickable');
});

$('.clickable').click(function(){
    //actions you want
});