私が取り組もうとしている次の機能は、ここのXボタンです。
したがって、このXをクリックすると、実際にはToを全体的に削除する必要があります。グレーではなく、実際にフェードアウトして削除する必要があります。
だから最終版ではこのように見えます。
私たちは同じ色やアニメーションで同じアイコンをクリックする必要はありませんが、何かをクリックしたときの機能は同じでなければなりません。
だから私は料理で終わったと言いましょう。
フェードアウトしてから消えます。
それはもはや完全になくなっています。
OK。
私たちが最初にやりたいことは、これらのexeのいずれかをクリックすることです。
そして私たちの年齢のティムでは、私たちがそれぞれのことを簡単にできるようにしたことを覚えています。
それ以外の場合は、嘘の一部としてXがあった場合、クリックがX上にあるかどうかを判断する方法はありません。
だから私たちはちょうどそこにいました、そして、今、私たちはjavascriptに行き、別のコメントを追加しましょう。
削除するには、Xをクリックしてください。クリックイベントから開始します。
だからドル記号。
すべてのスパンを選択して、もう一度クリックしてコールバック関数が必要になります。コールバックの代わりに、ちょうどそのようなスパンをもう一度クリックすれば、何も起こりません。
スパンをクリックするとすぐに、このスパンをクリックしたというアラートが表示されます。
スパンをクリックしてからXをクリックすると気付かないかもしれない小さな問題が1つありますが、私は警告を受け取ることを期待していますが、注意を払うにつれて細心の注意を払っています。
また、クリックイベントから発生するスタイルも取得します。
それは、スパムイベントが発生しており、その後、クリックイベントが発生しているということです。
私たちのスパンは味方の中にあるので、それは理にかなっています。
だから私がスパンをクリックしたときに私はこのスパンをクリックしたときにそれを検査しましょう、私はこのスパンをクリックしていますが、それもスペインの同盟国です。
だから別の視点から私は嘘をつけています。
しかし、私は井戸をクリックしている別の観点からは、これらのすべてがULの代わりに、またはdiv
IDのコンテナ上にあるか、ボディ上にあるか、このスパンをクリックしているチーム要素上にあるので、5つまたは6つの異なる層。
イベントリスナーをスパンや味方に追加するとき、またはイベントリスナーがあれば、今すぐお見せしましょう。
ここで別のイベントリスナーを追加してみましょう。このイベントリスナーは意志の上に置かれ、UILをクリックすると警告が表示され、もう一度やります。
これはdivx
IDコンテナに表示され、コンテナdivをクリックすると実際には本体でも同様に表示されます。
そして、これはボディをクリックすると言います。
OK。
そこで、体の内側のコンテナの代わりにULの代わりに同盟者の代わりにあるスパンをクリックします。
さて、私たちが物事が発射される順番にリフレッシュするときに注意を払いましょう。
最初にスパンをクリックするとスパンをクリックしたことがわかり、気づいたかどうかは分かりませんが、クリックイベントの火はうまくいきます。
その後、よくクリックした後、コンテナdivをクリックしてから、最後にボディをクリックします。
この例では、イベントバブリングと呼ばれる現象を示しています。
このイベントは最初にスパンでトリガされ、それが発生した場所です。
しかし、それは2つの親要素で泡立ちます。
だから、それはうその中に泡を浮かべて、それはどんなクリックイベントを引き起こします。そしてそこからそれは井戸に泡立つようになります。それはどんな良いクリックイベントを引き起こします。そしてHTL要素に当たるまで停止します嘘。
Y内にあるスパンをクリックすると、クリックハンドラがトリガされます。
私たちができることは実際にスパンの中の出来事にもはやバブルにならないよう伝えます。
そのトラックで停止し、親要素で他のイベントをトリガーしないでください。
だから私はここにそれを見せます。
イベントオブジェクトに追加するこのスパンクイックリスナーの代わりに、すべて行う必要があります。
そして、これはEイベントTとも呼ばれます。
最も一般的な名前は、イベントまたはeです。
次に、イベントストップ伝播と呼ばれるメソッドを追加します。
そして、これはイベントがバブリングするのを止めるJのコーディング方法です。
したがって、それはスパンで発射されますが、そのようなリスナーや、私たちが持っているこれらのリスナーの上には続きません。
したがって、保存してリフレッシュすれば
そして今、私はスパンをクリックします。私はスパンでクリックされた後、停止します。
私たちが設定した他のリスナーは、リスナーが正しくセットアップされた別のリスナーをもう一人も獲得できません。
正しいコードを入力してみましょう。
私たちがする必要があったのは、私たちがスパンをクリックしたときです。私がこれらのいずれかをクリックするとブラウザに戻るでしょう。
この嘘を削除して、それを含む嘘が更新されるようにします。
私はこの嘘を取り除くために必要なこのスパンをクリックし、ドル記号を使用してスパンから始めることができます。もしこれを削除するかフェードアウトするだけであれば、削除から始めます。
そして私たちは元に戻る。
それが起こるのはスパンがなくなることだけです。
私たちは今、スパンを削除しています。
私たちは囲み要素を取り除く必要があり、Shakeriはそれを行うための本当に素敵で簡単な方法を提供します。
私たちがしなければならないことは、この親を削除して、それが実際に私たちに親要素をクエリ要素として与えることだけです。
だから、これは私たちが親をクリックしたスパンであり、私たちは嘘をつけて、味方全体を取り除くことができます。
だから今私はあなたがそれが消えて、再びリフレッシュするのを見ることができますリフレッシュする場合。
しかし、私がフライをクリックすると、すぐに取り除くのではなく、最後にできる改善を確認するだけです。
それは退屈だ。
だから、私たちはドットを消してそこから始め、リフレッシュしてからクリックして消えていく。
しかし、ちょうどそれをフィッティングすることは実際にそれを削除しないことを忘れないでください
それはまだここにあるのですが、私たちがあなたの代わりに検査しても、まだ3つあるのですが、そのうち2つだけにはディスプレイがありません。
そして、私たちはそれが起こることを望んでいません。
私たちが削除した数千を失ったと想像してください。
さて、私たちはページ上に隠された数千の要素を持つことによって処理速度を落としたくありません。
ですから、私たちが代わりに使うのはuse removeですが、これを行うだけでは機能しません。
それは削除されますが、フェードアウトが終了するのを待つことはありません。
私たちがすばやくそれをクリックして消滅し始めたら、消す直後にフェードアウトをしたい場合は、後で実行されるフェードアウトに渡すことができるコールバックを利用するだけです。
また、開始するには500ミリ秒と言いましょう。
そして、それが終わったら私たちは単独でremoveを呼び出すことはできません。
それを要素で呼び出す必要があり、それを呼び出す要素は、記入している要素と同じで、ドル記号を使用できます。
これはここの右のドル記号と同じものではないことに注意することが重要です。
それで、スペインドル記号をクリックすると、ちょっと複雑になっていくのを見てみましょう。
これはスパンで素早かった要素を指しますが、次に親をしています。
だから今私たちはそのスパンを囲むうそをつくっているし、その場でフェードアウトをしています。
だから、フェードアウトする代わりに、これはスパンではなく嘘です。
はい、保存してリフレッシュに戻します。
今は素敵なフェードアウトになります。ULを調べると、1つの人生が残っています。
だから、それは消えてから消えます。
ここにすべてを要約する。
我々が遭遇した最初の問題は、スパンのクリックイベントが実際にそれを実行した後も、実際にそのイベントを発射していたことです。
だから、それを止める伝播を止めるイベントを使って、他の要素までバブリングすることを修正しました。
そして、その親を使用して、クリックされたスパンを囲んでいる味方を検索してから、それを退屈させました。
そして、フェードアウトが完了したら、次のビデオで嘘をすべて取り除き、新機能に取り組むつもりです