0

だから私はcssとjqueryを使って!簡単なポップアップを作成しました。問題は、ポップアップがアクティブ化されている場合でも、ポップアップの下にあるリンクをクリックできることです。これを防ぐ方法はありますか?ポップアップ内の一部のリンクのクリックボックスは小さく、その横をクリックするのは簡単です。つまり、ポップアップの下のリンクがクリックされます。

私が取り組んでいるサイト:taxslayerplayer.com、Androidでそれを見ると、私が何を意味するのかがわかります。また、携帯電話でブラウジングしているときに、他の多くのWebサイトでこの問題が発生しました。

どんなポインタでもありがたいです、ありがとう!

4

2 に答える 2

4

厳密にモバイルな解決策についてはわかりませんが、ポップアップが表示されているかどうかを確認できます。表示されている場合はreturn false、リンクのクリックハンドラーで確認できます。

$('a').filter(
    function(){
        return !$(this).closest(popupSelector).length;
}).on('click', function(e){
    if ($(popupSelector).is(':visible')) {
        return false;
    }
    else {
        // do whatever you'd normally do with the links
    }
});

または、代わりに変数を使用して、たとえばpopupIsShownfalse最初に(DOMReadyで)設定してからtrue、ポップアップが表示されたときに設定しfalse、再非表示にしたときにリセットして、ifチェックのコストを少し下げることもできます。

$('a').filter(
    function(){
        return !$(this).closest(popupSelector).length;
}).on('click', function(e){
    if (popupIsShown) {
        return false;
    }
    else {
        // do whatever you'd normally do with the links
    }
});
于 2012-08-07T19:37:32.943 に答える
0

ポップアップの場合は、ブール値を使用してfalseに設定します。できます!

PS:チェックしたばかりです。Davidはすでにそれに答えています。

于 2012-08-07T19:39:08.283 に答える