在JavaScript中的参数列表（第1行）之后缺少）

Question

使用firebug调试javascript时，在参数列表后（第1行），我一直收到“缺少）。 我不知道出什么问题了，因为似乎所有括号都在里面。

该功能应该在ID为“ bigPic”的div中放置一个可单击以打开灯箱的图像。

以下是相关代码：

<script type="text/javascript">
function addContent(divId,filePath,comment) {
document.getElementById(divId).innerHTML = "<div align=\"center\"><a href="+filePath+" title="+comment+" rel=\"lightbox\"><img src="+filePath+" alt="+comment+" style=\"max-height:270px;max-width:410px;\"/></a></div><div id="+comment+" align=\"center\"  style=\"font-family:Verdana;margin-top:-13px;color:white;background-color:#07396B;\"><p>"+comment+"</p></div>&nbsp;";
}
</script>
...
<div width="420px" height="320px" id="bigPic" name="bigPic">
<img src="http://www.villa-gloria-katouna.com/Pool%20viewsmall.JPG" />
</div>
...
echo "<div align=\"center\" style=\"display:inline; overflow:hidden;\"><img src=\"pics/$file\" style=\"cursor:pointer;cursor:hand;\" alt=\"$file\" height=\"30px\" width=\"30px\" onclick=\"addContent('bigPic', $file, $comment);\"/></a></div>&nbsp;";

Answer 1

我认为您忘记了“ onclick”处理程序代码中“ $ file”和“ $ comment”周围的引号字符。

     ... onclick=\"addContent('bigPic', '$file', '$comment');\" ...

我不了解PHP，因此可能不是在“ onclick”字符串中获取引号的方法，但是它们必须存在。 否则，如果注释为“ hello world”，则该注释将扩展为

     ... onclick="addContent('bigPic', whatever-$file-is, hello world)" ...

这显然是不正确的。

Answer 2

尝试

onclick=\"addContent('bigPic', '$file', '$comment');\"

代替

onclick=\"addContent('bigPic', $file, $comment);\"

Answer 3

将脚本代码更改为：

<script type="text/javascript">
function addContent(divId,filePath,comment) {
document.getElementById(divId).innerHTML = "<div align=\"center\"><a href=\"" + filePath + "\" title=\"" + comment + "\" rel=\"lightbox\"><img src=\"" + filePath + "\" alt=\"" + comment + "\" style=\"max-height:270px;max-width:410px;\"/></a></div><div id=\"" + comment + "\" align=\"center\"  style=\"font-family:Verdana;margin-top:-13px;color:white;background-color:#07396B;\"><p>\"" + comment + "\"</p></div>&nbsp;";
}
</script>

也将回声更改为

echo "<div align=\"center\" style=\"display:inline; overflow:hidden;\"><img src=\"pics/" . $file . "\" style=\"cursor:pointer;cursor:hand;\" alt=\"" . $file . "\" height=\"30px\" width=\"30px\" onclick=\"addContent('bigPic', '" . $file . "', '" . $comment . "');\"/></a></div>&nbsp;";

Answer 4

单引号作为字符串的包装，而不是双精度阻止编写反斜杠。 现在和将来都很方便：)

'<div align="center">'