jQuery.hide（）和.show（）don'；单击页面后才能工作

好吧，这很奇怪。在我的页面上，每当我对元素调用.hide（）或.show（），在我单击页面上的其他位置之前，不会发生任何事情。这种行为并没有更早发生，我也不确定是什么导致了它的蔓延

我使用jQuery1.7.2和bootstrap作为我的css框架（经过大量修改）。这种行为发生在Chrome、Firefox和Safari（在OSX上）上。我将javascript缩减为jQuery和.hide（）调用，但它仍然存在。控制台中没有显示错误消息

我甚至不知道如何调试这个问题。我觉得这很奇怪，谷歌搜索也没有透露任何信息。是否可以使用开发人员工具或类似工具来找出.hide（）无法按预期工作的原因

我在用咖啡脚本。这是咖啡脚本

$('#recipient_type').blur ->
  if $(this).val() == 'Other'
    $('#recipient-details').show()
  else
    $('#recipient-details').hide()

这是它编译到的javascript

$('#recipient_type').blur(function() {
      if ($(this).val() === 'Other') {
        return $('#recipient-details').show();
      } else {
        return $('#recipient-details').hide();
      }
    });

---

但这种现象不仅仅发生在我的代码中。例如，bootstrap-alert.js alert脚本也给了我同样的问题。

您可以在执行hide的代码上设置一个断点，查看它是否正在执行

---

这是一个模糊，因此，根据定义，它不会过度，直到你离开活动对象

你的显示/隐藏代码是否在响应页面上的某些用户操作（如更改TextBoxs的值）而运行？因此，在你点击对象后，你必须再次点击隐藏/显示才能工作？好的，我正在对模糊示例进行一个巨大的facepalm。但我感到困惑的原因是当我关闭页面上的一个引导警报时的相同行为。它消失了，但空白空间不会消失，直到页面被点击到别处。单独的问题？