-2

IFRAME を含む DIV を含むメイン ページがあります。ユーザーが IFRAME の [OK] ボタンをクリックすると、Jquery fadeOut コマンドで div をフェードアウトする親ページの関数が呼び出されます。DIV をもう一度フェードインさせようとしても、フェードインしません。私は何を間違っていますか？

メイン PHP ページ:

<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"); });
4

4 に答える 4

0

トグルをその状態fadeToggle()にするために使用する必要があります。divまた、あなたも使うことができると思いますがfadeIn()、divを同時に表示させたり消したりしたいのでfadeToggle()、最良の選択です。

http://api.jquery.com/category/effects/fading/これにより、必要なすべての情報が提供されるはずです

于 2013-09-12T13:57:08.703 に答える
0

多分このようなもの、ここにフィドルがあります

<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 ); 
  });

});
于 2013-09-12T14:13:37.410 に答える
0

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

于 2013-09-12T14:50:47.070 に答える
0

フェードイン メソッドを使用する必要があります。http://api.jquery.com/fadeIn/

var showIFrame = function() {
    $('#regcontainer').fadeIn("fast");
}
于 2013-09-12T13:55:21.557 に答える