1

以下のヘルパーのおかげで修正されました。ここで動作を確認してください: http://bit.ly/15npgSC

私は jQuery を学んでいますが、修正できない問題に遭遇しました。ボタンをクリックするとスライドして開き、ボタンをもう一度クリックすると閉じるコンテンツスライダーがあります。これで問題ありません。問題は、クリックしたときだけでなく、ページが読み込まれたときにスライダーが自動的に開くことです。ページがロードされたときに閉じたままにし、クリックしたときにのみ開くにはどうすればよいですか? その後は問題なく動作しますが、ページが読み込まれると開きます。最初にどのような動作をしたかを試してみ$(document).click(function() {ましたが、クリックすると開き、クリックせずに開いた直後に閉じます。以下の jQuery コードに戻しましたが、ページが再度読み込まれたときに開くという問題が発生しました。

$(document).ready(function() {
   $('.pull-me').click(function() {
       $('.panel').slideToggle('slow');
   });
   $('a').toggle(function() {
       $(this).html("Click to close!");},
       function() { $(this).html("Click to open!");
   }).click();
});

この問題を修正できる場合は、現在のコードでこれが発生する理由と、修正によって問題が発生しなくなる理由を説明していただけますか? ありがとう、ラファ。

以前に HTML コードを投稿できなくて申し訳ありませんが、これがそれです:

<div class="panel">
<br />
<br />
   <p>Now you see me!</p>
</div>
<div>
    <p class="slide"><a href="#" class="pull-me">Click to open!</a></p>
</div>
4

2 に答える 2

0

HTMLを投稿しなかったので、「。pull-me」は「a」要素だと思います。

plsは以下のコードを試してください（remove .click（））：

$(document).ready(function() {
   $('.pull-me').click(function() {
       $('.panel').slideToggle('slow');
   });

   $('a').toggle(function() {
       $(this).html("Click to close!");},
       function() { $(this).html("Click to open!");
   }); // modified here
});

ページが最初に読み込まれたときにクリックイベントをトリガーしています。

于 2013-03-01T13:24:52.590 に答える
0

これを試して：

// HTML

<div class="pull-me">
    Click here!
    </div>

<div class="panel">
    show/hide
</div>

// jQuery

$(document).ready(function() {
   $('.pull-me').click(function() {
       $('.panel').slideToggle('slow');
   });
       $('a').toggle(function() {
       $(this).html("Click to open!");},
       function() { $(this).html("Click to close!");
   });
});

このJsFiddleでここを確認してください-> http://jsfiddle.net/GXCuz/1/

于 2013-03-01T13:23:12.310 に答える