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>

Update:

Также у Вас есть ошибка в этой строке

$(document.ready(function() { 

изменить его

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

Answer 2

ли Вы пытаетесь зазывают установить обработчик щелчка по документу?

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

Вы также должны добавить:

id="pictures" 

В вашем. Или другой селектор.

Answer 3

Если вы хотите по-прежнему использовать #picture в HREF проверки на сильфона кода

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

Answer 4

Попробуйте Demo, даже изменил некоторые разметки для того же.

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