0

<div>幅と高さのプロパティがあります。上書きしたい<div>ので、最初のクリックイベントは<div>もう登録されません。

たとえば、div があり、それをクリックすると何かが発生しますが、最初の領域の上に 2 番目を配置<div>すると、最初の<div>領域をクリックすると、そのクリック イベントが発生しなくなります。

<div id="firstDiv" style="width:100px; height:100px">bla bla</div>

「firstDiv」の上に別のものを配置<div>して、その要素を変更できないようにする方法は? 出来ますか？

4

3 に答える 3

4

div へのクリック イベントを無効にするためだけに余分な div を配置しないでください jQuery から使用するon()だけoff()です

詳細： オン、オフ

それでも div を別の場所に配置したい場合は、css ポジショニングとz-indexを使用してみてください

于 2012-12-27T14:30:50.400 に答える
2

私が見た良い方法は、モーダル 'マスク' オーバーレイを使用することです。

対話している要素を除いて、ページ全体を覆うグレー表示された透明なマスク。モーダルポップアップウィンドウ。

ポップアップ内でミニバージョンを実行し、CSS z-index を使用してその背後にある 3 つの非アクティブな div をプッシュすることができます。

もう 1 つの方法は、jQuery BlockUI プラグインを使用することです。

于 2012-12-27T14:38:32.753 に答える
1

私は個人的にこのようなものを使うのが好きです

pointer-events:none;

クリックイベントを無効にする

于 2015-09-15T15:40:12.860 に答える