Jquery 在叠加工作中显示隐藏的div，但不显示样式

首先，我是自学成才的

我使用fancybox显示一个隐藏的

div

，它工作正常。 我的问题是我无法想象如何调用隐藏的

div

的样式表

有人能告诉我正确的方法吗

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

$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox（{padding:0，openEffect:'elastic'}）；
});

我的隐藏分区：

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

---

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

site.css（或任何样式表，不确定您的名称）

或者，如果您想使用Javascript设置样式，请在应用fancybox之前或之后随时进行设置：

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

$（文档）.ready（函数（）{
$（“#联系人”）.css（“填充”、“0px”）；
$（“.fancybox”）.fancybox（{openEffect:'elastic'}）；
});

注意，如果您正在显示示例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>

.联系人{边框：1px纯色；}
$（文档）.ready（函数（）{
$（“#fancyBoxContents”）.fancybox（）；
});
将显示

这里什么不起作用？只需为

#contact

页面上的任何其他元素编写样式。我要说的是fancybox中显示的div内容，但没有任何样式。Jed Watson我按照您的指示在隐藏的div周围添加了一个div，但它仍然没有选择样式。这让我快发疯了。我只是没有看到一些东西。你能把整个代码放在一个Fiddle（）中吗？Jed Watson在从fancybox到facebox再到jquery对话框并得出相同的结果后，我发现了我的问题。我没有意识到在添加外部包装后，您必须更改内部div的样式表。无论如何，现在一切都正常了，我学到了很多。谢谢你的时间和帮助，这让我走上了正确的方向。我会把它标记为关闭。

<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>