.click不适用于<p>元素

时间:2016-10-02 01:38:28

标签: javascript jquery html

我想知道何时点击了一个段落元素。使用此代码单击p元素时,我没有得到任何响应。

HTML

<!DOCTYPE html>
<html>
<title>Practice Extension</title>
<head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type ="text/javascript" src="popup.js"></script>
</head>
<body>
    <p style= "color: red">red</p>
    <p style= "color: blue">blue</p>
    <p>black</p>
</body>
</html>

JQuery的

function main() {
    $("p").click(function () {
        alert("a p has been clicked!");
    })
}
$(document).ready(main());

1 个答案:

答案 0 :(得分:2)

而不是

$(document).ready(main());

使用

$(document).ready(main);

main是一个函数,$(document).ready期望函数作为参数。如果您将main()而不是main传递给它,则会传递调用函数(undefined)而不是函数本身的结果。