javascript - closeOnContentClick 什么都不做 - 使用 Ajax 收集

Question

所以我有 Magnific Popup 插件设置，当您单击链接时，弹出窗口就会出现。我希望此弹出窗口包含与所述链接有关的所有信息。现在，我终于可以正确设置所有内容并正确查看，但我无法让 closeOnContentClick 正常工作。我读到这默认设置为 false，但当您单击内容时，它仍然消失了。我手动将它设置为 false，但仍然做同样的事情。这与出现的面板的宽度有关吗？我把它专门设置为 800px，但还是搞砸了

Javascript:

$(document).ready(function() {
    $('#player_table').dataTable({
        "processing": true,
        "serverSide": true,
        "ajax": "serverside/handler.php"
            //"jQueryUI": true,
    });
    $(document).ajaxComplete(function() {
        $('.popup').magnificPopup({
            type: 'ajax',
            closeOnContentClick: false
        });
    });
});
$(function() {
    $("#tabs").tabs({
        beforeLoad: function(event, ui) {
            ui.jqXHR.fail(function() {
                ui.panel.html(
                    "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                    "");
            });
        }
    });
});

Javascript 应该是调试所需的全部..但如果您需要 html，我可以提供。

这是 Ajax 响应。

    <div id="pop-form" class="white-popup">
    <center>
        <h2>You're currently viewing <? echo $values['username']; ?>'s Profile Analysis</h2>

        <? if ($result !="" ) { //NO ERRORS on load.. produce form ?>

        <!-- create page -->
        <div id="left">
            I'm Left
        </div>
        <div id="right">
            I'm Right
        </div>

        <? } else { //ERROR - needs to be noted echo $a1 . " - ERROR"; 
        }?>
    </center>
    <div style="clear:both;"></div>
</div>

Answer 1

您的代码看起来没问题。

您需要确保您没有在 ajax 响应中返回 html 和 body 标签，因为这会导致 closeOnContentClick: false 停止正常工作。您的回复应该只包含在 div 标签中。