body不滾動，點擊遮罩層彈框消失

點擊遮罩層，彈框消失

阻止事件冒泡return false

這裏當彈框出現的時候讓body固定不要滾動添加了.body-fixed

.body-fixed {
    height: 100%;
    overflow: hidden
}

 

   $(".weui_msg_src").click(function () {
            return false;
        })
        $('#msg4').click(function () {
            $('#msg4').fadeOut();
            $('body').removeClass('body-fixed')
        })
        $('#ms4').click(function () {
            $('#msg4').fadeIn();
            $('body').addClass('body-fixed')
        });

 

<div class="weui_msg_img hide" id="msg4">
    <div class="weui_msg_com">
        <!--<div data-type="close" class="weui_msg_close close-msg"><i class="icon icon-95"></i></div>-->
        <div class="weui_msg_src">
            <div class="text" style="background: #ffffff;font-size: 1rem;">
                <div class="weui_search_bar">
                    <input type="search" class="search-input" id='search' placeholder='關鍵字'
                           style="box-sizing:content-box"/>
                    <button class="jx_btn weui_btn_blue jx_btn_mini"><i class="icon icon-4"></i></button>
                </div>
                <form action="" class="venue-list">
                    <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            場館1
                        </div>
                    </div>
                    <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            場館2
                        </div>
                    </div>
                    <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            場館3
                        </div>
                    </div>
                    <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            場館4
                        </div>
                    </div>
                    <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            場館5
                        </div>
                    </div>
                    <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            場館6
                        </div>
                    </div>
                    <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            場館
                        </div>
                    </div>
                    <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            場館
                        </div>
                    </div>
                    <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
                            <div></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

 

  $(".weui_msg_src").click(function () {
            return false;
        })