Chrome 或 Bootstrap 4.0.0-alpha.5 错误?
Chrome or Bootstrap 4.0.0-alpha.5 bug?
我在使用 Bootstrap 4.0.0-alpha.5 和 Chrome 的模式时遇到了一个奇怪的问题。如果我在 Firefox 中尝试完全相同的步骤,模式不会出现问题。我在这里创建了一个详细的测试示例:
https://jsfiddle.net/dq5wd897/6/
步骤很简单:
- 单击"Find Something"。
- 打开模式后,单击 'Find'。
- 在 Google Chrome 模式最终将自行关闭。
- 如果您在 Firefox 中打开相同的 jsfiddle,选择查找时模态窗口不会关闭。
- 此外,在 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;">
我在使用 Bootstrap 4.0.0-alpha.5 和 Chrome 的模式时遇到了一个奇怪的问题。如果我在 Firefox 中尝试完全相同的步骤,模式不会出现问题。我在这里创建了一个详细的测试示例:
https://jsfiddle.net/dq5wd897/6/
步骤很简单:
- 单击"Find Something"。
- 打开模式后,单击 'Find'。
- 在 Google Chrome 模式最终将自行关闭。
- 如果您在 Firefox 中打开相同的 jsfiddle,选择查找时模态窗口不会关闭。
- 此外,在 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;">