javascript - 当模态打开时向正文添加样式

Question

我只想在模式弹出窗口打开时向正文添加样式。之后，当模态弹出窗口关闭时，需要将其删除。我刚刚尝试使用这段代码。但根本不工作。

if( $('.modal').hasClass('in') === true ) {
  $('body').style({ 'overflow': "hidden" });
  } 

这是 fiddle

https://jsfiddle.net/DTcHh/56667/

Answer 1

修改初始化对话框的代码使用:

$(elm).dialog({
   ...
   , open: function() { $("body").css({ "overflow":"hidden" }); }
   , close: function() { $("body").css({ "overflow":"" }); }
});