AJAX - por qué no veo contenido en mi ventana modal?

 
Vista:
sin imagen de perfil
Val: 13
Ha disminuido 1 puesto en AJAX (en relación al último mes)
Gráfica de AJAX

por qué no veo contenido en mi ventana modal?

Publicado por Nicolás (8 intervenciones) el 29/12/2016 17:15:39
Estoy tratando de hacer una galería con niveles de profundidad. Tengo un documento de dos páginas. La primera envía una variable que en realidad es el nombre de una carpeta con imágenes. La segunda abre esta carpeta con la función glob de php y la muestra por Ajax en la primera página de nuevo. Hasta acá todo bien, pero al incorporar el plugin colorbox las ventanas modales se muestran sin contenido, sin las imágenes. He depurado el código a través del navegador Chrome pero no veo ningún error, y en la consola puedo ver los archivos de imágenes.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE HTML>
<html lang="">
<head>
    <meta charset="UTF-8">
    <title>pagina1</title>
    <link rel="stylesheet" href="colorbox.css" />
</head>
<body>
        <form action="pagina2.php" method="post" id="formID">
            <input type="hidden" name="var" value="imagenes">
            <input type="submit" value="author" id="submit">
        </form>
    <a id="link" style="display:none"></a>
    <div id="msg" style="display:none;"></div>
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="../jquery.colorbox.js"></script>
    <script>
        $("#link").colorbox({
            inline:true,
            href: "#msg"
        });
 
        $('#formID').submit(function () {
            const data = $(this).serialize();
 
            $.ajax({
                type: 'POST',
                url: 'pagina2.php',
                data: data,
                success (data) {
                    $('#msg').html(data);
                    $('#link').click();
                }
            })
            return false;
        })
    </script>
    </body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE HTML>
<html lang="">
<head>
    <meta charset="UTF-8">
    <title>pagina2</title>
</head>
<body>
    <?php
    $variable = $_POST['var'];
    $img_dir = $variable . "/";
    foreach(glob($img_dir . '*.jpg') as $image) {
        echo '<img src="'.$image.'">';
    }
    ?>
</body>
</html>


directorio
captura1
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder