jquery - Magnific Popup Ajax 解析 div

Question

我尝试从放大弹出窗口的文档中实现如何从ajax调用( http://dimsemenov.com/plugins/magnific-popup/documentation.html#ajax_type )中仅检索特定的div，但我预期的响应不起作用。我发现文档中存在拼写错误:ParseAjax 和 AjaxContentAdded 都是用小写字母写的。在代码中它是用大驼峰式写的。但这并没有解决我的问题。

 $('.JS_ajaxpopup').magnificPopup({
            type: 'ajax',
            ajax: {

                cursor: 'mfp-ajax-cur'
                tError: '<a href="%url%">The content</a> could not be loaded.'
            },
            callbacks: {
                ParseAjax: function(mfpResponse) {
                    console.log('test');
                    mfpResponse.data = $(mfpResponse.data).find('#mainContent');

                    console.log('Ajax content loaded:', mfpResponse.data);
                },
                AjaxContentAdded: function() {
                    // Ajax content is loaded and appended to DOM
                    console.log(this.content);
                }
            }
        });

甚至我的测试也没有出现在我的控制台中。也许有人暗示我为什么没有得到回应。弹出窗口已正确打开，但未解析任何内容。我也尝试过这个:

 ParseAjax: function (mfpResponse) {

                    mfpResponse.data = "<div class='wrapping'>" + mfpResponse.data + "</div>";
                },
                AjaxContentAdded: function () {
                    this.content;
                }

不幸的是，什么也没有发生。

Answer 1

文档正确指出，回调名称应以小写字母开头(例如 parseAjax)。

登录控制台您从 $(mfpResponse.data).find('#mainContent') 获得的内容。如果 #mainContent 是根元素，请使用 filter 而不是 find。