为什么我的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";
});

Fiddle