Zurb使用jQuery关闭模式显示窗口

时间:2019-03-23 12:27:05

标签: jquery html zurb-foundation-6

我试图用jquery关闭显示,并且我正在阅读的所有内容都说要使用此代码,除了,调用时显示没有关闭。

$("#playlistsList").change(function(e){
        var playlistId = this.value;
        var lyricsId = $('#bhajanId').text()
        $.post( "/bhajan/addtoplaylist", { 'lyrics_id':lyricsId, 'playlists_id': playlistId })
                .done(function( data ) {
                        $('#playlistsModal').foundation('reveal', 'close');
                });
});

我设法通过添加此功能来关闭模式。

var popup = new Foundation.Reveal($('#playlistsModal'));
popup.close();

这将关闭窗口,但是不会去除深色的覆盖物。

可以使用

删除叠加层
 $('.reveal-overlay').remove();

但是,这不会将控制权返回给页面。该页面仍处于非活动状态,就像覆盖图仍在那儿一样。无法滚动或获取焦点。

0 个答案:

没有答案