Javascript 交换后相互重叠的交换无线电

事件处理程序有问题，因为在鼠标离开时，div会打开和关闭3次

此外，交换的收音机也会被覆盖或偏移

我已经尝试了所有方法，我认为这与我使用event.preventDefault（）的方式有关

更新__

菜单打开3倍已修复，但div中更换的收音机仍与任何想法重叠

//单选按钮
$（“输入[name='domain\u ext']”）。每个（函数（）{
$（“#domaindropradio1”）.attr（'checked'，'checked'）；
var lbl=$（this.parent（“label”）.text（）；
if（$（this.prop（'checked'））{
$（this.hide（）；
$（this.after（“+lbl+”）；
}否则{
$（this.hide（）；
$（this.after（“+lbl+”）；
}
});
$（“输入[type=radio]”）。更改（函数（）{
$（this）.sides（'.radioButtonOff'）。add（'.radioButtonOn'）。toggleClass（'radioButtonOff radiobuttonnon'）；
});
//带状无线收音盒
$（'div.ribbonBoxarrow'）。单击（函数（）{
$（'.ribbonBoxarrow-li'）.show（'medium'）；
});
$（'.ribbonBoxarrow-li'）.mouseleave（函数（）{
$（this.hide（'slow'）；
});
$（“输入[name='domain\u ext']”）。父项（'label'）。单击（函数（）{
$（'.ribbonBoxarrow-li'）.hide（'slow'）；
event.preventDefault（）；
});
//交换隔离无线电
$（“div.radiogroup 2”）。在（“单击”，“收音机”，函数（）{
var l=$（this）.closest（'label'）；
var r=$（“#选择”）；
r、 removeAttr（'id'）；
l、 前（r.最近（‘标签’））；
$（this.attr（'id'，'radioselected'）；
l、 prependTo（'.radiogroup1'）；
});

响应：

div打开和关闭3次

您的动画触发的事件比您希望的多。此外，您的

preventDefault（）

并没有阻止触发其他单击事件

对于您的

$（“输入[name='domain\u ext']）。父项（'label'）

单击事件，请尝试以下操作：

$("input[name='domain_ext']").parent('label').click(function () {
  $('.ribbonBoxarrow li').mouseleave();
  event.stopImmediatePropagation();
});

第二期：

此外，交换的收音机也会被覆盖或偏移

---

看起来您正在使用

radiogroup 1

类将单选按钮预先添加到元素中，但您可能希望单选按钮位于嵌套的表格元素中。

解决了，使用表格保存元素是导致问题的原因。如果需要，则必须将单元格作为交换的目标

感谢您的帮助，因为提出此问题而被禁止。将尝试您的修复。已修复添加事件。stopImmediatePropagation（）；第一次打电话也是这样，效果很好。交换的无线电仍然重叠。再次更新网站，谢谢。

$("input[name='domain_ext']").parent('label').click(function () {
  $('.ribbonBoxarrow li').mouseleave();
  event.stopImmediatePropagation();
});