Question

我希望弹出窗口能够自动设置，而不必单击来制作事件。你能帮忙吗？

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
   $(document).ready(function(){     
   $('#open').click(function(){

     // enter code here
    $('.popup-overlay').fadeIn('slow');
    $('.popup-overlay').height($(window).height());
    return false;
});



$('#close').click(function(){
    $('#popup').fadeOut('slow');
    $('.popup-overlay').fadeOut('slow');
    return false;
  });
});
</script>
</head>
 <body>
  <div id="content">
   <div id="column-right"><a href="#" id="open">click aqui</a></div>

 </div>

 <div id="popup" style="display: none;">
  <div class="content-popup">
    <div class="close"><a href="#" id="close"><img src="images/close.png"/></a></div>
    <div> enter code here
        <h2>Contenido POPUP</h2>
  </div>
  </div>

表示无论何时加载页面，弹出窗口都会自动打开而不会发生任何客户端事件。

Answer 1

只需从click()事件中取出代码：

使用.popup-overlay类删除div。这没用了

$(document).ready(function(){
    $('#popup').fadeIn('slow');
    $('#popup').height($(window).height());
});

Answer 2

您可能还需要淡化 #popup 。

$(document).ready(function(){  
   $('#popup').fadeIn('slow');
   $('.popup-overlay').fadeIn('slow');
   $('.popup-overlay').height($(window).height());
});

自动加载为fadein弹出窗口

2 个答案: