0

カバーオール div 背景を使用してコンテンツをフェードアウトし、ユーザーがボックスをクリックして閉じることができるようにするモーダル ボックスを作成しました。これを行うには、すべてのクリックをキャプチャしますが、モデル ボックスを超えるものは除外します。

  $('body').on('click', '.cover_slide > *',function(e){
    e.stopPropagation();
  });
  $('body').on('click', '.cover_slide',function(){
    helper.cover.close();
    $('body').off('click', '.cover_slide');
  });

モーダルボックスのいくつかの要素をクリックして操作できるようにしたいのですが、その方法がわからないようで、「クリックして閉じる」機能がまだあります。現在、ボックスのすべてのクリックは無視されます。

4

1 に答える 1

1

クリックを複数回バインドする必要はありません。このスニペットを使用してみてください。要素が実際に何であるかに応じて、最も近いセレクターを変更する必要がある場合があることに注意してください

$(document).bind("click", function(e) {
    if($(e.target).closest("div").hasClass('coverSlide')) {
        //do stuff if someone clicks the box
    }
});
于 2012-11-14T10:03:48.267 に答える