twitter-bootstrap - 更改将 Bootstrap "modal-open"类分配到的位置而不是正文

Question

关闭。这个问题需要details or clarity .它目前不接受答案。












想改进这个问题？通过 editing this post 添加详细信息并澄清问题.


7年前关闭。







Improve this question




目前

modal-open

模态打开时分配给正文。我如何更改添加类而不是正文的位置。

谢谢你的帮助。

Answer 1

您必须更改添加 modal-open 的 js。这作为行为有点奇怪，无论如何你可以温柔地或残酷地做到这一点。

轻轻地:拦截模式单击以显示并删除类到正文添加到另一个元素:

//Modal首先添加到body元素，然后移除并添加到另一个元素

$('#myModal').on('shown.bs.modal', function (e) {
  $('body').removeClass('modal-open');
  $('#myCustomElement').addClass('modal-open');
})

然后还拦截模式的关闭并添加第二次删除的执行:

$('#myModal').on('hidden.bs.modal', function (e) {
   $('#myCustomElement').removeClass('modal-open');
})

Brutally 方法 ，为了避免模态打开它没有必要添加到 body 元素:
进入 TwitterBootstrap 目录 > js
打开 modal.js
搜索 modal-open ，你会发现(在 3.2.0 版本上):

在

 Modal.prototype.show

你会找到

this.$body.addClass('modal-open')

在 Modal.prototype.hide你会找到

this.$body.removeClass('modal-open')

您必须更改 addClass 和 removeClass 的目标并替换这些指令，如果您有固定元素，则足够简单(例如: $('#myFixedElement').addClass('modal-open') ，如果它是动态元素，则很复杂，您将不得不再次拦截 Show 函数以添加 global var在 js 中让 modal.js 知道并读取您的目标元素。但是您也可以更改这些函数的签名，但我真的不建议您这样做，基本上您会使您的代码难以维护。