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;

进行documnetation

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

出现错误时显示div

1 个答案: