jQuery Mobile:使用 tap 绑定 if 语句

jQuery Mobile: Binding if statement with tap

本文关键字：绑定 if 语句 tap 使用 Mobile jQuery      更新时间：2023-09-26

>首先是小提琴

有三个div，HTML代码：

<div class="container" data-role="page" id="container">
    <div class="popup">
        <div class="close">
        </div><!-- /.close -->
    </div><!-- /.popup -->
</div><!-- /.container -->

.container - 是一个大背景，它包含页面。
.popup - 是容器内的div。
.close - 是".popup"div 中的一个小白色div

这就是我想要的 - 当点击页面上的任何位置时，整个div .container 必须隐藏，除了弹出窗口，当点击弹出窗口时，它应该保持原样。

现在只满足一个条件，如果点击发生在任何地方，整个div .container都会消失，现在1. 如何防止div .container 在点击 .popupdiv 时消失。

j查询代码： 

$(document).on("pagecreate","#container",function(){
$(".container").on("tap",function(){    
  $(".container").hide();
  });                       
});

你可以试试：

$('.popup').siblings().hide();

或

$('.container').children().not('.popup').hide();

它将隐藏与div.popup具有相同父级的元素。

您可以查看返回
的 tap 事件j查询代码：

$(document).on("pagecreate","#container",function(){
        $(".container").on("tap",function(tapEvent){
            if (!$(tapEvent.target).hasClass("popup")){
                $(".container").hide();
            }
        });
    });
相关文章：