Question

我正在编写一个jquery脚本，用于检查模态是否已弹出，并将css添加到类中，以便固定的导航栏不会阻止调用的模态。

$(document).ready( function() {
 if ($('#myModal').hasClass('in'))  {
     $(".cbp-af-header").css("z-index", "0 !important");  
 } 
  else { 
     $(".cbp-af-header").css("z-index", "10000 !important");  
  }

});

似乎不起作用。有什么帮助吗？

Answer 1

如果它是bootstrap模态更好，你可以使用模态显示和它隐藏的事件

$("#myModal").on("shown.bs.modal", function(){
   $(".cbp-af-header").css("z-index", "0 !important");
});
$("#myModal").on("hidden.bs.modal", function(){
   $(".cbp-af-header").css("z-index", "10000 !important");
});

jQuery检查是否有类并添加css

1 个答案: