Question

我无法克服这个（最有可能）明显的问题。我正在使用onblur来验证输入。

如果输入因任何原因失败，我使用它来向用户提供有关输入的反馈：

$('#' + $element.id).closest('.form-group')
.addClass('has-error has-feedback')
.append('<span class="glyphicon glyphicon-remove form-control-feedback"></span>');

工作：

获取红色输入边框
获取红色标签

无效：

Glyphicon没有拿起父类规则，因此没有定位/着色

正确。

由于我动态创建html元素并将其附加到父元素，因此系统没有看到继承。时间似乎也许是麻烦？除了在addClass方法中添加某种回调之外，还不确定最佳解决方案吗？

我生成的标记与bootstrap上的文档相匹配。没有快乐。

<div class="form-group has-error has-feedback">
    <label for="lastName" class="control-label">* Last Name</label>
    <input type="text" id="lastName" name="lastName" class="form-control required">
    <span class="glyphicon glyphicon-remove form-control-feedback"></span>
</div>

Bootstrap - 动态添加输入反馈glyphicon

0 个答案: