Я хочу быть, добавляют следующие к страница:
Когда отделение нажато, я хочу:
Я хочу сделать это только при помощи jQuery доступные функции - т.е. не использование плагина или чего-либо еще. Я относительно плохо знаком с jQuery, но я думаю, что возможное решение включает использование изменения класса выбранного отделения и использования таймера.
Я не уверен, как соединить все это все же. Кто-либо может обеспечить несколько строк, которые показывают, как сделать это?
Это - то, что я имею до сих пор:
$(function(){
$('div.highlightable').click(function(){
//change background color via CSS class
$(this).addClass('highlighted);
//set a timer to remove the highlighted class after N seconds .... how?
});
});
Один из способов - использовать setTimeout
:
$(function () {
$('div.highlightable').click(function () {
$(this).addClass('highlighted');
setTimeout(function () {
$('div.highlightable').removeClass('highlighted');
}, 2000);
});
});
Вы можете использовать эффект выделения пользовательского интерфейса jQuery :
$(".myDiv").effect("highlight", {}, 3000);
$ (function () {$ (". MyDiv"). Click (function () {$ (это) .effect ("выделить", {}, 3000);});});
.myDiv {margin: 0px; ширина: 100 пикселей; высота: 80 пикселей; фон: # 666; граница: сплошной черный 1px; положение: относительное; }
< script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js">
Вы можете использовать setTimeout функция:
$('div.highlightable').click(function(){
var $this = $(this);
//change background color via CSS class
$this.addClass('highlighted');
// set a timeout that will revert back class after 5 seconds:
window.setTimeout(function() {
$this.removeClass('highlighted');
}, 5 * 1000);
});