Javascript 基础6模式覆盖在从代码后面关闭时保持不变

我有一个显示项目列表的页面，单击项目旁边的按钮时，会弹出一个包含表单的模式，供用户编辑项目。当他们单击相关按钮时，数据将由代码更新，模式应关闭

发生的情况：数据被正确保存，模式中的表单消失，但覆盖（背景）保持不变，因此页面无法使用。为什么覆盖层没有关闭

JavaScript:

    function openthemodal() {
        var popup = new Foundation.Reveal($('#exampleModal1'));
        popup.open();
    }

    function closethemodal() {
        eventFire(document.getElementById('btnclosebutton'), 'click');
    }

    function eventFire(el, etype) {
        if (el.fireEvent) {
            el.fireEvent('on' + etype);
        } else {
            var evObj = document.createEvent('Events');
            evObj.initEvent(etype, true, false);
            el.dispatchEvent(evObj);
        }
    }

HTML（摘录）：

更新1

---

意识到我没有指出模式在UpdatePanel中，不知道这是否有区别。

如果使用jQuery，为什么要使用自己的方法进行单击？您可以在一行中完成：

$('#btnclosebutton').click()

至于覆盖，这有点奇怪。您可以将此行添加到

关闭模式（）

函数以隐藏它：

$('#btnclosebutton').parent('.reveal').parent('.reveal-overlay').hide();

---

如果使用jQuery，为什么要使用自己的方法进行单击？您可以在一行中完成：

$('#btnclosebutton').click()

至于覆盖，这有点奇怪。您可以将此行添加到

关闭模式（）

函数以隐藏它：

$('#btnclosebutton').parent('.reveal').parent('.reveal-overlay').hide();

---

我从另一个不使用JQuery的站点复制了事件。隐藏显示的代码不起作用。应该指出，没有报告JavaScript错误。它对代码进行排序，但不执行任何操作。@IanTrem如果在控制台中执行此命令-

$（“#btnclosebutton”）.parent（'.reveal'）.parent（）

-code，jQuery将返回什么元素？在显示模式时执行它。我从另一个不使用JQuery的站点复制了事件。隐藏显示的代码不起作用。应该指出，没有报告JavaScript错误。它对代码进行排序，但不执行任何操作。@IanTrem如果在控制台中执行此命令-

$（“#btnclosebutton”）.parent（'.reveal'）.parent（）

-code，jQuery将返回什么元素？在显示模式时执行它。