Android 防止css/jquery弹出窗口允许单击下面的链接（仅限手机）

所以我创造了！一个使用css和jquery的简单弹出窗口。问题是，当弹出窗口被激活时，仍然可以单击弹出窗口下的链接。有没有办法防止这种情况发生。弹出窗口中某些链接的单击框很小，可以轻松单击旁边的链接，这意味着单击了弹出窗口下面的链接

我正在工作的网站：taxslayerplayer.com，在安卓上看看，你就会明白我的意思。此外，我在手机上浏览时在许多其他网站上也遇到过这个问题

---

任何指点都将不胜感激，谢谢

我不确定是否有严格的移动解决方案，但您可以检查弹出窗口是否可见，如果可见，只需在链接的单击处理程序中

返回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
    }
});

或者，您也可以使用一个变量，例如

popupishown

，最初（在DOMReady上）将其设置为

false

，然后在弹出窗口显示时将其设置为

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
    }
});

---

我不确定是否有严格的移动解决方案，但您可以检查弹出窗口是否可见，如果可见，只需在链接的单击处理程序中

返回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
    }
});

或者，您也可以使用一个变量，例如

popupishown

，最初（在DOMReady上）将其设置为

false

，然后在弹出窗口显示时将其设置为

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
    }
});

---

使用布尔值，并在出现弹出窗口时将其设置为false。它起作用了

---

附言：刚刚查过。。David已经回答了。

使用一个布尔值，在出现弹出窗口时将其设置为false。它起作用了

---

附言：刚刚查过。。大卫已经回答了。

是的；如目前所写。我打算为选择器建议一种替代语法，弹出框的子项不会受到影响，但是，嗯……我分心了。我马上补充一下。非常欢迎你；我很高兴能帮上忙。。。而且，很明显，销售代表奖励也是一个不错的奖金！=）对如目前所写。我打算为选择器建议一种替代语法，弹出框的子项不会受到影响，但是，嗯……我分心了。我马上补充一下。非常欢迎你；我很高兴能帮上忙。。。而且，很明显，销售代表奖励也是一个不错的奖金！=）