Событие jQuery click не работает

Question

Я пытаюсь скрыть элемент с помощью события click, но событие click не запускается.

Вот код:

<script src="https://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

<script> 
$(document).ready(function(){ 
    $("#myButtonID").click(function(){ 
     $("p").hide(); 
    }); 
}); 
</script> 


<p>Lorem Ipsum </p> 
<a href="#" id="myButtonID">Click Me</a> 

Answer 1

Ваш код работает, но может быть перезагружен страницей. //code.jquery.com будет загружаться в http или https в зависимости от протокола, который использует ваша страница. Попробуйте:

<script src="//code.jquery.com/jquery-1.9.1.js"></script> 
<script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

$(document).ready(function(){ 
    $("#myButtonID").click(function(e){ 
     //prevent default element action 
     e.preventDefault(); 
     $("p").hide(); 
    }); 
}); 

или, если вы хотите использовать более короткую готовую функцию и ускорить JQuery немного с .on:

jQuery .on vs click handler speed test

$(function() { 
    $("#myButtonID").on("click", function (e) { 
     e.preventDefault(); 
     $("p").hide(); 
    }); 
}); 

скрипку: http://jsfiddle.net/k2ymF/1/

Answer 2

Вы пропускаете # от селектора

$("#myButtonID").click(function(){

Answer 3

забыл # в вашем селекторе:

<script> 
$(document).ready(function(){ 
$("#myButtonID").click(function(){ 
    $("p").hide(); 
}); 
}); 
</script> 

Answer 4

Вы находитесь отсутствует хэш-символ, используемый для обозначения вашего выбора с помощью n элементов id.

$("#myButtonID").click(function(){ 
     $("p").hide(); 
    });