Question

首先，我是自学成才。

我正在使用fancybox显示隐藏的div，它运行正常。我的问题是我无法理解如何为隐藏的div调用样式表。

有人可以告诉我这样做的正确方法吗？

<script type="text/javascript">
   $(document).ready(function(){
      $(".fancybox").fancybox({padding : 0, openEffect  : 'elastic'});       
   });
</script>

我隐藏的div：

<div id="contact" class="contact item">

Answer 1

您可以使用样式表设置div的样式，例如

site.css （或任何样式表，不确定你的名字是什么）

.contact { padding: 0px; }

或者，如果您想使用Javascript设置样式，请在应用fancybox之前或之后的任何时间执行此操作：

<script type="text/javascript">
   $(document).ready(function(){
      $("#contact").css("padding", "0px");
      $(".fancybox").fancybox({openEffect  : 'elastic'});
   });
</script>

请注意，如果您显示示例div的内容，fancybox将获取隐藏div的内容并显示它，而不是外部div本身，这会破坏您的css选择器。在这种情况下，一个更好的例子是：

<style type="text/css">
.contact { border: 1px solid pink; }
</style>

<script type="text/javascript">
   $(document).ready(function(){
      $("#fancyBoxContents").fancybox();
   });
</script>

<div id="fancyBoxContents"><div class="contact">will be displayed</div></div>

在叠加层中显示隐藏的div但没有样式

1 个答案: