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!');               
        });
 })

但这不起作用，firebug控制台内部没有错误消息。 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!');               
        });
 })