为什么点击事件没有响应？

Question

当用户点击anchor代码时，我正在应用点击事件。这是我写的jquery。

$('li.horizontal-tab-button-1').click(function(event) {
event.preventDefault();
alert("asdasd");
$('#edit-account').css('display','none');
});

这个html：

但它没有被调用。这可能是什么原因？我在哪里弄错了？

Answer 1

你错过了$

('li.horizontal-tab-button-1').click(function(event) {

应该是

$('li.horizontal-tab-button-1').click(function(event) {

另外，正如@ singe31指出的那样，不要忘记添加`jquery.js'或最喜欢的Google CDN链接

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Answer 2

将您的JQuery包装在document.ready中：

$(document).ready(function(){
     $('li.horizontal-tab-button-1').click(function(event) {
        event.preventDefault();
        alert("asdasd");
        $('#edit-account').css('display','none');
    });
});

请记住使用美元符号

对元素进行客观化