javascript - Chrome 或 Bootstrap 4.0.0-alpha.5 错误?

标签 javascript google-chrome twitter-bootstrap-4

我在使用 Bootstrap 4.0.0-alpha.5 和 Chrome 时遇到了一个奇怪的模态问题。如果我在 Firefox 中尝试完全相同的步骤,模式不会出现任何问题。我在这里创建了一个详细的测试示例:

https://jsfiddle.net/dq5wd897/6/

步骤非常简单:

  1. 点击“查找内容”。
  2. 模式打开后,点击“查找”。
  3. 在 Google Chrome 上,该模式最终会自行关闭。
  4. 如果您在 Firefox 中打开同一个 jsfiddle,则选择 find 时模式不会关闭。
  5. 同样在 Chrome 中,一旦发生这种情况,如果您能够在 jsfiddle 中再次打开模式,您将看到模式不会关闭,它将按预期运行......

我测试了我的 JS,没有任何字段验证类型逻辑,行为没有变化:

function findSomething () {

        var answerValue = "<tr><td>Value A</td><td>Value B</td><td>Value C</td></tr>";       

        $(valueTbody).append(answerValue);               
        $('#valueOutputTable').show();                   

    }

}

最佳答案

更改 form所以它不会发送请求。

<form class="text-left py-2" onsubmit="return false;">

关于javascript - Chrome 或 Bootstrap 4.0.0-alpha.5 错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42758401/

相关文章:

javascript - 使用 js 或 jquery 忽略 firefox SSL 安全警告

javascript - 从电子邮件中删除联系信息

javascript - 检测 Google Chrome 中所有打开的页面,而不仅仅是当前窗口中的页面

html - 向正文添加填充但不向页脚添加填充

javascript - setInterval - 一个接一个地运行第二个函数

javascript - JavaScript 中的自调用函数

javascript - NaN :NaN in firefox and IE , CHROME 工作正常

css - CSS规则在Chrome开发者工具中的显示顺序

html - 视口(viewport)大小更改时更改导航栏颜色 Bootstrap v4

html - 高度计算器完全没有反应