javascript - div 弹出窗口似乎不起作用

标签 javascript php

我试图在按下图像时弹出一个 div,但是当我按下图像时什么也没有发生。如果我在循环之外使用代码,它就可以工作,所以显然它与循环有关,但是什么呢?

    <table>
        <?php 
           while($row = mysqli_fetch_array($result)){

           echo "<tr><td> <a href = 'javascript:void(0)' onclick = 'document.getElementById('a').style.display='block';document.getElementById('b').style.display='block''><img src='1.jpg' id='s_album' style='align:center;'></a> 

           }
        ?>
    </table> 
           <div id='a' class='white_content'>text <a href = 'javascript:void(0)' onclick = 'document.getElementById('a').style.display='none';document.getElementById('b').style.display='none'>close</a></div>
           <div id='b' class='black_overlay'></div></td></tr>";

最佳答案

您的 onclick 将被错误地呈现,更准确地说,您有多个单引号,这些单引号将按原样呈现,因此您的 onclick 脚本会提前结束。

像这样转义双引号\"

document.getElementById(\"a\").style.display=\"block\";document.getElementById(\"b\").style.display=\"block\"'

关于javascript - div 弹出窗口似乎不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33573264/

相关文章:

php - Mysql 使用 Like 运算符在 json 数组中搜索

php - 使用 PHP MYSQL 按关键字搜索

php - Laravel 服务容器是否可以绑定(bind)到类及其所有祖先 - 就像在 Symfony 中一样

javascript - 刷新后 JQuery 代码停止工作

javascript - 如何获取 Bluebird Promise.settle() 的 promise 值?

javascript - 如何动态更改样式组件的样式?

javascript - 获取div的文本

php - Laravel 3 和 Composer 中未找到类

java - 在客户端更改选定的 Vaadin 选项卡

javascript - 如何从Cypress工具中的元素中获取值?