Question

我调整代码以改进模态的显示方式，以便将来我可以更改模态的颜色（主要，警告，危险等），以改善我的网站的视觉效果。我的模态以前工作过，但是当我删除主模态div并将其放入我的JS中，显示模态以便它的类可以根据模式中显示的内容轻松更改，它停止工作。屏幕淡出，但模态框不显示。有没有人有任何关于如何解决这个问题的建议？我自己尝试过各种各样的东西，但是找不到任何开放的标签或者这个问题的任何明显原因。提前谢谢。

HTML

Some 3, Some 4

JS

GetSlice

Answer 1

假设您正在使用bootstrap或类似的库，您应该将模态类添加到顶部元素，即：

<div id="mdlGeneral" class="modal modal-danger fade" tabindex="-1" role="dialog"></div>

然后，在JS中，

$("#mdlGeneral").html('<div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button><h4 class="modal-title">'+Username+' - Ban User</h4></div><div class="modal-body"><p>Are you sure you wish to suspend <strong>'+Username+'</strong> from the Cadet Portal?</p><div id="divBanUserError"></div></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button><button type="button" class="btn btn-primary" onClick="BanUser(\''+Username+'\',\''+Page+'\')">Yes</button></div></div></div>');
$("#mdlGeneral").modal("show");

如果你想改变这个类，jQuery也有.addClass() and removeClass()个方法。

编辑：

另一种方式，可能更简单：

$("#mdlGeneral > div").modal("show");

未能显示模态

1 个答案: