出现错误时显示 div

Question

所以我得到了这个 div

#create-transaction-container {
  padding: $padding;
  max-height: 100%;
  background: linear-gradient(rgba($dark-blue-color,0.95), rgba($dark-blue-color,0.7));
  border-radius: $border-radius;
  display: none;
  margin-bottom: $margin-bottom; 
}

当我点击一个按钮时它会显示

function showDiv() {
    $('#create-transaction-container').fadeIn(750)
}

但是当我输入一些输入并在提交时返回任何错误时，我希望 div 自动显示，以便用户可以立即看到错误，而无需再次单击按钮。

所以我以为我在 SO 上找到了解决方案，但它不起作用，我不知道为什么。有人可以帮忙吗？

这是我的显示错误的haml代码

%span.error
  = flash[:error]

这是我认为可行的解决方案

if ($('.error').length) {  // return's true if element is present
    // show or hide another div
    $('#create-transaction-container').show();
}

Answer 1

window.onerror 无论是语法错误还是运行时错误都会被触发。您可以记录有关此事件here;

element.onerror = function(event) { ... }