Question

这个过程让我疯狂。我试图使基础系统看起来更好。我创建了一个用成功和错误系统替换错误类的系统。一切都运作良好，除非我在检查字段后显示成功的问题。

HTML

<form data-abide="ajax" id="addNewUser" novalidate="novalidate">
    <div>
        <label class="label" for="fname"><span class="requiredRed">*</span> First Name</label>
        <input type="text" id="fname" name="fname" required="" value="Douglas" aria-invalid="false">
        <div class="fa fa-info-circle errspan fail" style=""><div><p>You must enter a First Name</p></div></div>
        <div class="fa fa-check-circle errspan success"></div>
    </div>
</form>

我一直试图通过css轻松找到基于'aria-invalid'属性显示成功的方法，例如。

[data-abide] input[aria-invalid='false'] + div.success{ display:block; }

Answer 1

很难弄明白你的意思。如果某个JavaScript处理程序只触发一次，但之后不再触发，则通常需要重新附加处理程序。例如，如果ajax面板中有一个按钮，则必须在重新加载面板时将click事件处理程序添加到按钮。这是一种问题吗？

Answer 2

我解决了自己的问题。我错过了一个+ div

[data-abide] input[aria-invalid='false'] + div + div.success{ display:block; }

CSS根据最接近的类的属性更改颜色

2 个答案: