javascript - "Unexpected var"定义变量时出错

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 7 年前。

Improve this question

我创建了一个非常简单的弹出窗口/模式框。我想点击.openModal后显示它按钮并通过单击 .closeModal 将其关闭或屏幕上的任何位置。问题是我无法定义显示模式是否打开(true)或关闭(false)的变量。

问题是什么？

<div class="modal"></div>
   <div class="modalContent">
   <span class="closeModal">x</span>
   </div>

    <script>
        var openModal = false;

        $(".openModal").click(function(){
            $(".modal").show();
            $(".modalContent").show();
             openModal = true;
        })

         $(".closeModal").on('click', function(){
            $(".modal").hide();
            $(".modalContent").hide();
             openModal = false;
        })

        $("body").on('click', function(){
        if(openModal){
            $(".modal").hide();
            $(".modalContent").hide();
        }
        })

    </script>

Answer 1

我最终是这样解决的:

<div class="modal"></div>
<div class="modalContent">
<span class="closeModal">x</span>
</div>

            var openModal = false;

            $("body").on('click','.modal', function(){
                    if(openModal === true){
                        $(".modal").hide();
                        $(".modalContent").hide();
                    }
            });

            $("body").on('click', '.openModal', function(){
                $(".modal").show();
                $(".modalContent").show();
                 openModal = true;       
            });

             $('body').on('click',".closeModal", function(){
                $(".modal").hide();
                $(".modalContent").hide();
                 openModal = false;
            });

.modal 是一个灰色背景，当弹出窗口打开且全屏时出现，因此单击它的效果与单击正文相同。似乎无法单击 body 元素，就像它位于某物后面一样。我不确定