【问题标题】:Bootstrap 4 / Popper.js interfering with AutosuggestionsBootstrap 4 / Popper.js 干扰自动建议
【发布时间】:2018-09-13 02:03:44
【问题描述】:

我有一个使用 smartystreets api 进行地址验证的功能,当然我也在使用带有 bootstrap4 / popper.js 和 jquery 的模板。

如果您单击两个链接,您将看到该行为。它会破坏地址验证插件或设计,但我不知道如何让它们一起工作。

两者的区别在于一个有 class="form-control" 而另一个没有。 form-control 类的某些东西正在触发该行为。损坏的设计链接在控制台中显示错误并中止导致添加“显示:无”的任何过程,以便地址建议起作用。

如果我没有触发该错误,地址验证插件会删除“display:none”,但紧随其后的是 bootstrap 或 popper.js 中的其他内容,干扰并将其更改回 display:none,使其只是闪烁效果。

如果有人可以仔细观察并指出正确的大方向。

【问题讨论】:

  • 我设法通过取消注释掉 bootstrap-material-design.js 文件中的第 6285-6304 行来自己修复它。我不确定那部分代码的意图是什么,但如果有人有更好的解决方案,请告诉我。我会标记我自己的答案,因为无论如何它似乎很少引起注意,而且我不会留下链接。

标签: javascript jquery bootstrap-4 popper.js smartystreets


【解决方案1】:

如果其他人在上面的 material-design-bootstrap.js 的源映射中使用包含 autofill.js 的模板,只需注释掉我上面提到的这部分脚本,它就会起作用。它是一个 hack,不是真正的答案,但据我所知,它似乎没有影响任何其他功能。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-05-07
    • 1970-01-01
    • 1970-01-01
    • 2011-08-31
    • 2018-02-19
    • 2019-09-28
    相关资源
    最近更新 更多