Замена класса при нажатии на ссылку

AheadOfAll

Постоялец
Регистрация
25 Фев 2015
Сообщения
45
Реакции
13
Помогите с js, новичок

Нужно при нажатии на ссылку (якорная) удалять класс у другого дива.
Подскажите где делаю ошибку?

Код:
$(function(){
$('li.tabs-title.grid').click(function(){
$('div.column.large-12.fixedclear').removeClass('scroll');
});

$('li.tabs-title.list').click(function(){
$('div.column.large-12').addClass('scroll');
});
});

Кусок разметки где это должно происходить:
HTML:
<div class="column large-12 fixedclear scroll">
            <div class="row expanded">
           
                <div class="column large-2 large-offset-1">
                    <h1>NEWS</h1>
                </div>
                <div class="column large-9">
                    <ul class="tabs" data-tabs id="news">
                        <li class="tabs-title list is-active" >                           
                            <a href="#newslist" aria-selected="true" id="newslist"><img src="<?php echo get_template_directory_uri(); ?>/img/news-list.png"></a>               
                        </li>           
                       
                        <li class="tabs-title grid">               
                            <a href="#newsgrid"  id="newsgrid"><img src="<?php echo get_template_directory_uri(); ?>/img/news-grid.png"></a>
                        </li>                   
                       

                    </ul>
                </div>
            </div>
 
1) попробуй добавить все же a после li.tabs-title.grid a и li.tabs-title.list a - второе, передай в функцию неименованную объект event, и отмени событие по умолчанию. function(event) а внутри после всей конструкции event.preventDefault(); return false; 2) jquery подключил? 3) jquery не в noConflict()? 4) глянь, что пишет консоль ошибок
 
Банальная невнимательность ))
Спасибо Black#FFFFFF, помог осознать мою глупую ошибку.
Открыл консоль, увидел подсказку и понял что я подключаю скрипты в футере, а код я писал в тело страницы для быстрой проверки.
Сместил код за подключение jquery и все заработало без всяких правок.
 
Банальная невнимательность ))
Спасибо Black#FFFFFF, помог осознать мою глупую ошибку.
Открыл консоль, увидел подсказку и понял что я подключаю скрипты в футере, а код я писал в тело страницы для быстрой проверки.
Сместил код за подключение jquery и все заработало без всяких правок.
код в целом рабочий. Твой li "получит" клик по дереву распространения событий. Но, совет, обрати внимание на event, и event.preventDefault() и return false в конце функции, иначе у тебя будет дергаться страница немного. Хоть якорь и указывает сам на себя. Удачи в написании кода, и доброго отдыха!
 
Назад
Сверху