1

最初は独学です。

ファンシーボックスを使用して非表示を表示divしていますが、正常に動作します。私の問題は、非表示のスタイルシートを呼び出す方法を頭の中で理解できないことdivです。

誰かがこれを行う適切な方法を教えてもらえますか?

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

私の隠しdiv：

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

1 に答える 1

0

スタイルシートを使用して 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>
于 2012-11-25T12:46:38.053 に答える