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

因此，我有了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>

最佳答案

您的代码看起来还不错。

您需要确保您不在ajax响应中返回html和body标签，因为这将导致closeOnContentClick: false停止正常工作。您的回答应该只包装在div标记中。

关于javascript - closeOnContentClick什么都不做-使用Ajax收集，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30114466/