为什么我的javascript onclick不能与div一起使用？

Question

我正在尝试使用JavaScript将<div>转换为指向本地HTML文档（./lilo/index.html）的链接。

HTML

<div class="pagelist_item" onClick="goto("./lilo")">
    <h4>Test Button</h4>
    <h6>Discription</h6>
</div>

JavaScript的

function goto(url){
    window.location = url;
    alert(url);
}

见http://jsfiddle.net/6HHTd/

但是当我点击按钮时，没有任何反应。

为什么这不起作用？

Answer 1

您的报价在此行中不正确：

<div class="pagelist_item" onClick="goto("./lilo")">

jsfiddle甚至在红色文本中显示错误。

使用撇号可以更容易修复：

<div class="pagelist_item" onClick="goto('./lilo')">

为了澄清，在"hi "there" you"第二个双引号与第一个匹配，关闭字符串并导致表达式的其余部分出错。 用反斜杠转义引号的工作原理是"hi \\"there\\" you"但是在双引号中嵌入撇号（单引号）通常更容易。 （JavaScript很乐意使用单引号或双引号来分隔字符串。）

还要从goto重命名您的函数，因为它是一个保留关键字。

Answer 2

使用jquery如下

$('.pagelist_item').click(function(){
     window.location="./lilo";
});

小提琴