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