Як на JQuery приховати елемент по подвійному кліку мишкою

Поширити

Трохи нижче читач зможе подивитися приклад програмного коду на JavaScript, який демонструє найпростіший варіант обробки події подвійного кліка .dblclick(). Клієнтський скрипт реалізує наступну логіку: якщо ви виконаєте подвійне клацання лівою кнопкою своєї мишки на будь-який з абзаців, поданих за позначеної написом, то обраний елемент зникне.

JavaScript:

<script src=”http://yandex.st/jquery/1.9.1/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“p”).dblclick(function(){
$(this).hide();
});
});
</script>

HTML:

<div id=”container”>
<p>Якщо ви клацнете по парі раз поспіль на
будь-який з нижніх абзаців, то вони, точніше він,
зникне з очей геть.</p>
<p>Клікніть сюди!</p>
<p>Натисніть тут!</p>
</div>

Все просто, чи не так?

Залишити відповідь

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.