jQuery开发的简单onclick事件

Question

<a aria-expanded="false" data-toggle="tab" href="#pictures"> 
    <i class="pink ace-icon fa fa-gift bigger-120"></i> 
    Pictures 
</a> 

我想在点击#picture事件线，以提醒一些消息让我加

$(document.ready(function() { 
     $("#pictures").click(function(){ 
      alert('clicked!');    
     }); 
}) 

但这并不工作，我有萤火控制台中没有错误消息。 Jquery在正确之前加载。

Answer 1

在你的HTML没有与ID pictures没有元素，改变它，像这样

$("#pictures").click(function(){ 
 
    alert('clicked!');    
 
}); 
 

 
// or use selector like this, if you can't change html 
 
$('a[href="#pictures"').click(function(){ 
 
    alert('clicked!');    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<a aria-expanded="false" data-toggle="tab" href="#pictures" id="pictures"> 
 
    <i class="pink ace-icon fa fa-gift bigger-120"></i> 
 
    Pictures 
 
</a>

更新：

你也有错误在这行

$(document.ready(function() { 

改变它

$(function() { 
    // put your code 
}); 

Answer 2

你尝试兜售设置文档单击处理？

jQuery(document).on('click', '#pictures', function(e) { 
    alert('clicked'); 
}); 

您还可以添加：

id="pictures" 

在你。或者其他选择器。

Answer 3

如果你想仍使用HREF检查#picture上娄代码

jQuery(document).ready(function($) { 
    $("a[href='#pictures']").click(function(){ 
     alert('clicked!'); 
     return false;    
    }); 
}) 

Answer 4

试试这个Demo，甚至改变了一些标记，为相同的。

$(document).ready(function() { 
     $("#pictures").click(function(){ 
      alert('clicked!');    
     }); 
})