javascript - 为什么我需要额外的屏幕点击来隐藏元素？

Question

我正在尝试使用 jQuery .hide() 方法隐藏一个元素。

当激活的单选按钮被选中时，一个元素应该隐藏。问题是当我选择事件按钮时没有任何反应，但是之后当我点击屏幕上的任意位置时该元素被隐藏。

我已经把代码上传到jsfiddle，找到了here .

任何人都可以帮助我理解为什么会发生这种情况以及如何解决它吗？

Answer 1

您最终需要在单击单选按钮后再次单击屏幕，因为这是唯一一次运行隐藏/显示逻辑。

如评论中所述，使用 change事件。

$(".btn-group input").change(function(){
  if($("[name='different_price']:checked").attr('id')=='different_price_a'){
    $("#pricing_col").hide("slow");
  }
  else {
    $("#pricing_col").show("slow");
  }
});

我对这个版本的 fiddle 做了同样的更新:https://jsfiddle.net/nvq873u5/29/