单击外部模态窗口时重置Bootstrap模式

时间:2017-03-26 10:38:40

标签: javascript twitter-bootstrap bootstrap-modal

每当用户在模态窗口外点击以解除而不是按下解除按钮时,我在重置我的引导模式时遇到一些问题。只要模态窗口没有正确重置,我的datetimepicker就会停止工作。

这是我的模态在打开时应该做的事情:

Image1

但是,如果我在通过击中模态窗口外的灰色区域解除窗口后打开窗口会发生这种情况:

Image2

每当我解雇使用File output=new File("C:\\\\MDU-1617-CSJ0098\\\\web\\\\products.txt"); BufferedWriter writer1 = new BufferedWriter(new FileWriter(output)); while(q_set2.next()) { String s = String.valueOf(q_set2.getInt(1)); System.out.print(s); writer1.write(s); writer1.newLine(); } (解雇)按钮时,它都可以正常工作。 我没有错误,这是我用于模态的代码

Avbryt

可以在JSfiddle上找到模态服务。

我发现它并不是触发消除的背景,而是模态窗口的边缘。如果我在小方块内击中模态的外部,它会解散,但如果我在外面的背景下击中则不会。

enter image description here

2 个答案:

答案 0 :(得分:2)

尝试在用户点击模态背景时触发Avbryt按钮上的点击事件。像这样:

$('.modal-backdrop').click(function(){
  $('.avbryt').trigger('click');
});

这应该绕过任何潜在的问题。

供参考:http://api.jquery.com/trigger/

答案 1 :(得分:2)

根据相关图片,您在项目中使用 angular-modal-service 和bootstrap.js。所以我搜索了它的github repo并发现了这个问题:https://github.com/dwmkerr/angular-modal-service/issues/107

根据那里的评论,你应该改变你的代码如下:

{{1}}
相关问题