Question

我的主页面包含一个DIV，而DIV又包含一个IFRAME。当用户单击IFRAME中的OK按钮时，我调用父页面中的一个函数，该函数使用Jquery fadeOut命令淡化div。当我试图让DIV再次淡入时，它没有。我做错了什么？

MAIN PHP PAGE：

<div id="regcontainer">
    <iframe id="registration" src="register.html" frameborder="0" allowtransparency="true" scrolling="auto"></iframe>
</div>

在主页中包含的JS文件中的JQUERY命令，它已经消失了DIV：

var closeIFrame = function() { 
    $('#regcontainer').fadeOut("fast"); 
}

淡入：

$('#register').click(function() { $('#regcontainer').fadeIn("fast"); });

Answer 1

您必须使用fadeIn方法。 http://api.jquery.com/fadeIn/

var showIFrame = function() {
    $('#regcontainer').fadeIn("fast");
}

Answer 2

您应该使用fadeToggle()让div切换其状态。另外我认为你也可以使用fadeIn()，但是因为你想让你的div同时出现和消失，fadeToggle()是最好的选择。

http://api.jquery.com/category/effects/fading/这应该提供您需要的所有信息

Answer 3

也许是这样的，这里是Fiddle

<a href="#" class="register-open">Register</a>

<div id="regcontainer">
  <iframe id="registration" src="http://fiddle.jshell.net/user/login/" frameborder="0" allowtransparency="true" scrolling="auto">
  </iframe>
  <a href="#" class="register-close">Close</a>
</div>


$(function() {

  $('.register-open').click(function() {
    $('#regcontainer').slideToggle(450);
  });
  $('.register-close').click(function() {
    $('#regcontainer').slideToggle(450 ); 
  });

});

Answer 4

如果OK按钮位于淡出的div内，则无法使用fadeToggle（），因为之后无法按下它。

我相信你正在寻找这样的东西：

HTML

<div id="regcontainer">
    <div class="button"></div>
</div>
<div class="button2"></div>

的jQuery

$('.button').on('click', function() {
  $('#regcontainer').fadeOut('fast');
})

$('.button2').on('click', function() {
  $('#regcontainer').fadeIn('fast');
})

JSFiddle

项目的Jquery淡出，项目不再出现

4 个答案: