Chrome或Bootstrap 4.0.0-alpha.5错误?

时间:2017-03-13 07:30:38

标签: javascript google-chrome twitter-bootstrap-4

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

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

步骤很简单:

  1. 点击“查找内容”。
  2. 打开模态后,单击“查找”。
  3. 在谷歌浏览器上,模态最终会自行关闭。
  4. 如果您在Firefox中打开相同的jsfiddle,则在选择find时模式不会关闭。
  5. 同样在Chrome中曾经发生一次,如果你能够在jsfiddle中再次打开模态,你会看到模态不会关闭它会按预期运行...
  6. 我测试了我的JS,没有任何字段验证类型逻辑,行为没有变化:

    function findSomething () {
    
            var answerValue = "<tr><td>Value A</td><td>Value B</td><td>Value C</td></tr>";       
    
            $(valueTbody).append(answerValue);               
            $('#valueOutputTable').show();                   
    
        }
    
    }
    

1 个答案:

答案 0 :(得分:1)

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

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