2015-09-08 58 views
1

我有一个功能,当点击关闭活动模式,然后立即打开基于模式ID点击的功能。Bootstrap Modal关闭后不滚动然后打开

$("#"+currentModal).modal('hide'); 

$("#"+name).modal({keyboard:false,backdrop:'static'}); 
$("#"+name).modal('show'); 

但是,当第二个模式打开它不会滚动。模态大于窗口,滚动条将页面变灰显示在模态后面。

但第一个模式也比窗口大,但滚动条的行为应该是它应该的。关闭然后再打开一个模式是否有问题?正确的模式正在打开和关闭,所以问题不是ID被传递,但唯一的问题是滚动条不与模式。

+0

你可以做一个你正在做什么问题的jsfiddle吗? – indubitablee

回答

0

如果两个模式都单独显示,可能是由于与操作冲突。尝试在第一个模态的事件hidden.bs.modal上显示第二个模态。

$("#"+currentModal).on('hidden.bs.modal', function() { 
      $("#"+name).modal({keyboard:false,backdrop:'static'}); 
      $("#"+name).modal('show'); 
    }); 
+0

这意味着每次关闭'currentModal'(无论是从指定的函数还是仅仅关闭那个模式的按钮),第二个模式都会显示出来。因为不清楚OP是否希望第二模态在每次第一模态结束时触发。 – indubitablee

+0

@indubitable你是对的,每次第一次关闭时我都不需要第二次触发。第二个只在点击时触发。这触发了执行上述代码的功能。 “关闭活动,然后打开新的”但您也可以关闭活动模式。所以这不一定有效。 – workingxx

+0

@workingxx,你可以尝试这个工作,如果工作正常,设置一个变量来检查第二个模态是否需要打开然后关闭第一个模态。如果需要,这可以有效地显示第二个模态。 –

相关问题