Question

当我单击按钮时，Safari抛出错误 “ ReferenceError：找不到变量：togglePopUp”

该功能在其他所有浏览器（包括IE）中都可以正常运行

您有什么建议吗？


var formPopUp = document.querySelector('.form-popup');
var modalOpen = false;

var togglePopUp = function togglePopUp() {

  modalOpen = !modalOpen;
  formPopUp.classList.toggle('active');

  if (modalOpen) {
    document.querySelector('body').style = "overflow : hidden;";
  } else {
    document.querySelector('body').style = "overflow : auto;";
  }
};

var close = document.querySelector('.form-popup .close');

close.addEventListener('click', function () {
  togglePopUp();
});

window.onclick = function (event) {
  if (event.target == formPopUp) {
    togglePopUp();
  }
};


<button class="btn" onclick="togglePopUp()">Click</button>

Answer 1

通过执行以下操作来声明您的功能

<template>
   <v-container > IM SHOWIN!</v-container>
</template>

<script>
export default {
   name: "ResultsPanel",
   props: {
        analysisData: {
           type: Array,
           default: () => []
        },
   data: () => ({
       fiData: [],
   })
 }
 </script>```

或使用箭头符号

function togglePopUp()

Safari ReferenceError：找不到变量-发生了什么

1 个答案: