Окрашивание активной строки в цвет

316
27 декабря 2016, 02:03

Имеется функция которая окрашивает нажатую (активную) строку в голубой цвет, путем добавления строке класса blue_row. Нужно доработать функцию, чтобы в таблице была только одна активная строка. Класс row_summary по умолчанию для всех строк. Я js только начал изучал, поэтому буду благодарен за развернутые ответы.

function initTableRows() {
    $("body").on("click","tr.row_summary", function() {
        var $trr = $(this);
        $trr.toggleClass('blue_row');
    });
}
Answer 1

Просто перед тем как навесить класс на новую ссылку, удалите его со старой

function initTableRows() {
    $("body").on("click", "tr.row_summary", function() {
        var currentActiveLink = $("tr.row_summary.blue_row");
        currentActiveLink.removeClass("blue_row");
        /*
            Нужно добавить проверку, что мы хотим просто
            снять класс с активной ссылки
        */
        if(currentActiveLink[0] == this) return;
        var $trr = $(this);
        $trr.toggleClass('blue_row');
    });
}

Для лучшей производительности, можно кешировать новую ссылку в какую-то переменную во вне, и уже обращаться к ней при удалении класса

UPD
Если хотите убрать возможность снятия класса с уже активной ссылки, то просто закомментируйте проверку условия

READ ALSO
Fullcalendar Scheduler Браузер зависает когда slotDuration 1 секунда

Fullcalendar Scheduler Браузер зависает когда slotDuration 1 секунда

Так как я работаю с видео файлами, нужно чтобы точность slotDuration была 1 секунда, но при такой точности браузер зависает, так как должен рендерить...

450
Передача значения по ссылке

Передача значения по ссылке

Допустим, на сайте есть 4 страницы:

372
Сборка библиотеки JS webpack

Сборка библиотеки JS webpack

Пытаюсь собрать библиотеку JS написанную на es6 в бандлДля модулей используется import/export и пресет es2015 Либа имеет следующую структуру

336
slick slider выводить последние слайды

slick slider выводить последние слайды

Добрый день, есть ли в слике возможность выводить не первые скажем 5 слайдов, а последние 5 ?

427