onclickでhidden divを呼び出します。

私は、クリックしてページの内容を隠しdivで置き換えるボタンのdivを持っています。これはonclick関数なしで動作することを覚えておいてください（最初のdivを点滅してから2番目にまっすぐに進みます）。ただし、onclickを追加すると機能しません。onclickでhidden divを呼び出します。

<div id="next" class="button" name="somename"></div> 

<script> 
    $("next").click(function() { 
      $('#div1').fadeOut('medium',function(){$('#div2').fadeIn('medium');} 
    }); 
</script>

ボタンクラスには、いくつかのCSSプロパティとボタンとして使用するイメージがあります。

出典

2011-09-27 Sergei Nikolai

だけでなく、あなただけの「次」の前に「＃」を欠けている.. – amosrivera

する必要があります！ – zod

はい、私はそれがちょうどタイプミスですが、どちらの方法でも、他のアイデアでは動作しないことを認識していますか？ –

あなたがしているのは、問題のdivにonclickハンドラを追加するだけです。そのクリックを実際にトリガーしているわけではありません。そのためには、「次は」IDであれば、あなたは$（「＃次」）を必要とするシンプル$('#next').click();、または$('#next').trigger('click');

出典

2011-09-27 21:05:08

彼はクリックイベントを設定するだけで、トリガーしたくありません。 – jtfairbank

divの作成後にonclickハンドラが割り当てられているので、divのonclickイベントにハンドラを割り当てるだけでは実際にそのイベントがトリガされないと言うのは間違いありません。しかし、ユーザーがdivを実際にクリックしていれば、それはまだ動作しているように見えます...それは '$（"＃next "）'だったとしてもうまくいくでしょうが、それは既に他のポスターで言われています。私は、OPがいつ振る舞いが起こるのを期待しているのか（振る舞いが正しくないか、ユーザーがdiv [正しい]をクリックしたときに） –

そのdivをクリックしてフェード効果を呼び出すことができるようにしたい2番目のdivで最初のdivを非表示にする。 .triggerが必要ですか？ –

が必要があると思います。あなたはまた、第二のdiv（仮定あなたはそれを持っている）を必要とするクリックonclickは必要ではありません。

出典

2011-09-27 21:06:36 TyrusC

jQueryではdivを正しく参照していません。＃を参照するのを忘れています。

$("next").click(function() { ... }

は、彼がDIV1のためにそれを置くとき、なぜ彼が忘れ

$("#next").click(function() { ... }

出典

2011-09-27 21:08:32 jtfairbank

これは何の違いもありませんでした –

onclickでhidden divを呼び出します。

答えて

関連する問題