如何检查是否在模态内部

How to check if inside a modal?

本文关键字：是否 模态 内部 检查 何检查      更新时间：2023-09-26

我有一段带有表单字段的通用html代码，我在几个地方重复使用这些代码。当在引导模式中打开时，我希望内容填充整个模式，但当在其他地方使用时，我不希望它那么宽。我想用ng类来做这件事，使用这样的代码：

<div ng-class="modal ? 'col-sm-9' : ['col-sm-9 col-lg-5']">
   content...
</div>

问题是：如何检查代码是否在模态中？有没有我可以调用的函数或要读取的变量？我想避免用一些isModal((函数填充所有模态控制器。

我建议使用CSS。然后，浏览器将识别snip是否出现在定义为模态的元素中，并正确应用样式。

假设您在引导程序实现中使用LESS，下面是一个示例。但无论哪种方式，它都应该给你一个大致的想法。

LESS CSS标记：

div.content {
     .col-lg-5
}
modal {
     div.content {
          .col-sm-9;
     }
}

HTML:

 <div class="modal">
         <h1>Heading</h1>
         <div class="content"> 
              content...
         </div> 
 </div>

将id= "mymodal"赋予div
然后在脚本中创建一个点击函数，并通过id:调用此div

    $("#mymodal").show();

模态显示了它的内容。

相关文章：