Question

我有以下代码：

function getdata(id){
        $.ajax({
           type: "POST",
           url: "mapa_llamadas.php",
           data: { 'id' : id }, 
           success: function(data) {

                var resultado = $.parseJSON(data);
                var html = '';
                var contador = 0;
                for (var columna in resultado){
                    contador++;
                    if(contador == 12){
                        contador = 1;
                    }

                    var num_parcela = resultado[columna]['num_parcela']; 
                    var finca_registral = resultado[columna]['finca_registral'];
                    var ref_catastral = resultado[columna]['ref_catastral'];
                    var uso_1 = resultado[columna]['uso_1']; 
                    var uso_2 = resultado[columna]['uso_2'];
                    var sup_m2_parcela = resultado[columna]['sup_m2_parcela'];
                    var edif = resultado[columna]['edif'];
                    var aprov_neto_m2 = resultado[columna]['aprov_neto_m2'];
                    var situacion = resultado[columna]['situacion']; 
                    var adjudicatario = resultado[columna]['adjudicatario']; 
                    var coord = resultado[columna]['coord'];

                    html += '<ul><li><strong>Número de parcela:</strong> '+num_parcela+'</li><li><strong>Finca registral:</strong> '+finca_registral+'</li><li><strong>Referencia catastral:</strong> '+ref_catastral+'</li><li><strong>Uso 1:</strong> '+uso_1+'</li><li><strong>Uso 2:</strong> '+uso_2+'</li><li><strong>Superficie:</strong> '+sup_m2_parcela+' m<sup>2</sup></li><li><strong>Edificio:</strong> '+edif+'</li><li><strong>Aprovechamiento neto:</strong> '+aprov_neto_m2+' m<sup>2</sup></li><li><strong>Situación:</strong> '+situacion+'</li><li><strong>Adjudicatario:</strong> '+adjudicatario+'</li></ul>';

                    ///alert(contador + "index:" + columna + "\n value" + resultado[columna]['num_parcela']);
                }
                $('#mostrarparcela').html('<button title="Cerrar ventana" class="mfp-close"><i class="mfp-close-icn">&times;</i></button>'+html);
            } 
        }); 
}

这条确切的行无效（它应该关闭出现的窗口）：

$('#mostrarparcela').html('<button title="Cerrar ventana" class="mfp-close"><i class="mfp-close-icn">&times;</i></button>'+html);

#mostrarparcela是我的html文件中的一些<area></area>标记。

我错过了什么？

Answer 1

我找到了我所遗漏的内容，这是我需要添加以使关闭按钮功能正常工作的内容：

$('#mostrarparcela').html('<button id="close" title="Cerrar ventana" class="mfp-close"><i  class="mfp-close-icn">&times;</i></button>'+html);

$( "#close" ).click(function() {
    var magnificPopup = $.magnificPopup.instance; 
    magnificPopup.close(); 
});

Answer 2

您必须向按钮添加关闭功能。试试

<button title="Cerrar ventana" class="mfp-close" onclick="javascript:window.close();"><i class="mfp-close"><i class="mfp-close-icn">&times;</i></button>

jQuery关闭按钮不起作用

2 个答案: