0

div と 2 つの段落である 2 つのボタンがあり、それぞれが互いに一致しています。ボタン 1 をクリックすると、ボタン 1 が 45 度回転し、トグルスライドで段落 1 が開きます。ボタン 2 は、段落 2 を除いて同じことを行います。何らかの理由で、最初のボタンをクリックすると両方の段落が開き、ボタン 2 をクリックしても何も起こらず、その理由がわかりません。最終的には、複数のボタンと段落を設定する必要があります。

var epidural_analgesia_INFO = document.images[0];
epidural_analgesia_INFO.style.setProperty("-webkit-transition", "-webkit-transform 0.3s ease-in-out");

var epidural_analgesia_DEG = 0;

epidural_analgesia_INFO.addEventListener('click', function() {
$("p#epidural_analgesia_TEXT").slideToggle("fast");
epidural_analgesia_DEG += 45;
epidural_analgesia_INFO.style.setProperty('-webkit-transform', 'rotateZ('+epidural_analgesia_DEG+'deg)');   
});




var effects_of_yoga_INFO = document.images[0];
effects_of_yoga_INFO.style.setProperty("-webkit-transition", "-webkit-transform 0.3s ease-in-out");

var effects_of_yoga_DEG = 0;

effects_of_yoga_INFO.addEventListener('click', function() {
$("p#effects_of_yoga_TEXT").slideToggle("fast");
effects_of_yoga_DEG += 45;
effects_of_yoga_INFO.style.setProperty('-webkit-transform', 'rotateZ('+effects_of_yoga_DEG+'deg)');   
});

私はフィドルのセットアップを持っていますが、それは大きいので、ここで特定の部分を引き出しましたが、フィドルを見たい場合はここにあります: http://jsfiddle.net/loriensleafs/AM2a2/12/ どうもありがとう私を助けて。

4

2 に答える 2

2

次の 2 つの変数によって参照される要素にクリック ハンドラーを割り当てています。

epidural_analgesia_INFO
effects_of_yoga_INFO

ただし、両方の変数は参照に初期化されますdocument.images[0]。したがって、その画像をクリックすると、両方のハンドラーがトリガーされます。12 番目のイメージを取得するために 2 番目のインデックスを使用する必要がありますか?

(余談addEventListener()ですが、jQuery を使用しているように見えるのに、なぜ使用するのでしょうか?)

于 2012-10-02T13:46:02.820 に答える
0

わかりました、最初の行で

var epidural_analgesia_INFO = document.getElementById('epidural_analgesia_INFO');

それ以外の

var Effects_of_yoga_INFO = document.images[0];

于 2012-10-02T13:47:55.347 に答える