Javascript 如何在已禁用的jquery中重新启用mouseover事件

我有一个输入字段，当鼠标悬停在输入字段中时，单击按钮后出现编辑按钮我已使用jQuery禁用鼠标悬停事件，我想通过单击按钮重新启用此鼠标悬停事件，但未启用

附加代码我已经做了

$（'organization\u Desg\u model\u view\u Desg\u input\u hover1'）。鼠标悬停（函数（）{
$（“#组织结构设计视图模式设计名称编辑图标1”）.show（）；
});
$（'#组织化(设计)模式(视图)设计(输入)悬停1'）。鼠标输出（函数（）{
$（“#组织化"设计"视图"模式"设计"名称"编辑"图标1'）。隐藏（）；
});
$（“#组织化"设计"视图"模式"设计"名称"编辑"图标1"。单击（函数（）{
$（“#视图_模式_编辑_设计_名称1”）.prop（'disabled'，false）；
$（“#保存_视图_设计_名称1”）.show（）；
$（“#组织化"设计"模式"视图"设计"输入"悬停1'）。关闭（“鼠标悬停”）；//禁用鼠标悬停事件
});
$（'#保存视图\设计\名称1'）。单击（函数（）{//将更改保存到输入字段
$（“查看模式编辑设计名称1”）.prop（'disabled'，true）；
$（“#保存_视图_设计_名称1”）.hide（）；
$（“#组织化"设计"模式"视图"设计"输入"悬停1”）。在（“鼠标悬停”）；//这部分代码不起作用
});
.hide{
显示：无；
}

单击以禁用鼠标悬停
单击以启用鼠标悬停
更简单的方法是使用输入标记的“readonly”属性，而不是禁用鼠标悬停事件


$（函数（）{
$（'.disable'）。单击（函数（）{
$（this）.sides（'.example input'）.attr（“readonly”，true）；
$（this）.sides（'.enable'）.css（“可见性”、“可见”）；
$（this.parent（）.find（'button.disable'）.css（“可见性”、“隐藏”）；
});
$（'.enable'）。单击（函数（）{
$（this）.sides（'.example input'）.attr（“readonly”，false）；
$（this）.sides（'.disable'）.css（“可见性”、“可见”）；
$（this.parent（）.find（'button.enable'）.css（“可见性”、“隐藏”）；
});
});
.example>。禁用{
可见性：隐藏；
}
。示例：悬停>。禁用{
能见度：可见；
}
.启用{
可见性：隐藏；
}

单击以禁用
单击以启用
最简单的方法是，您应该在此代码中编写
mouseover
和
mouseout
函数，以及
$（'#保存视图\设计名称1'）。单击（函数（）{


$（'organization\u Desg\u model\u view\u Desg\u input\u hover1'）。鼠标悬停（函数（）{
$（“#组织结构设计视图模式设计名称编辑图标1”）.show（）；
});
$（'#组织化(设计)模式(视图)设计(输入)悬停1'）。鼠标输出（函数（）{
$（“#组织化"设计"视图"模式"设计"名称"编辑"图标1'）。隐藏（）；
});
$（“#组织化"设计"视图"模式"设计"名称"编辑"图标1"。单击（函数（）{
$（“#视图_模式_编辑_设计_名称1”）.prop（'disabled'，false）；
$（“#保存_视图_设计_名称1”）.show（）；
$（“#组织化"设计"模式"视图"设计"输入"悬停1'）。关闭（“鼠标悬停”）；//禁用鼠标悬停事件
});
$（'#保存视图\设计\名称1'）。单击（函数（）{//将更改保存到输入字段
$（“查看模式编辑设计名称1”）.prop（'disabled'，true）；
$（“#保存视图设计名称1”）.hide（）；$（“#组织化设计模式视图设计输入悬停1”）.mouseover（函数（）{
$（“#组织结构设计视图模式设计名称编辑图标1”）.show（）；
});
$（'#组织化(设计)模式(视图)设计(输入)悬停1'）。鼠标输出（函数（）{
$（“#组织化"设计"视图"模式"设计"名称"编辑"图标1'）。隐藏（）；
});
//这部分代码不起作用
//$（“鼠标悬停”）；
});

.hide{
显示：无；
}

单击以禁用鼠标悬停
单击以启用鼠标悬停
您提供的解决方案第一次起作用，但在按钮保持显示后，只有当您将鼠标悬停在输入字段上时，第一个按钮才应可见