jQuery - 'addClass' для HTML-элемента - не работает, но корректно отображается в Chrome

В двух словах я пытаюсь добавить класс с использованием jQuery's addClass в элемент HTML, который имеет класс button-blue. К сожалению, он не работает. Я заменил addClass на attr, но это тоже не сработало.jQuery - 'addClass' для HTML-элемента - не работает, но корректно отображается в Chrome

В Chromium (последняя версия, 64-разрядный, Ubuntu), добавленный класс selected успешно добавлен в button-blue элемент, если я заявляю "selected", но не для ".selected" - с заданной, точки.

Кроме того, это не было решено, указав .button-blue в моем файле javascript.

Демо-версия: JSBin.

Некоторая помощь и, если имеется, некоторые ресурсы, где я могу появиться в правильном синтаксисе, безусловно, оценены.

Спасибо, J

HTML код

<body> 
<div id="switcher"> 
    <div class="button-blue">Blue menu1</div> 
    <div class="button-red">Red menu2</div> 
    <div class="button-green">Green menu3</div> 
</div> 
</body>

CSS код

.button-blue { 
    display: inline-block; 
    color: blue; 
    background-color: lightgrey; 
} 

.selected { 
    font-weight: 900; 
    color: black; 
    background-color: pink; 
}

JQuery код

$(document).ready(function() { 
    $('button-blue').addclass('selected'); 
});

источник

2016-02-20 johann_ka

использовать '.button-blue' внутри селектора jquery –

Я уже пробовал, что он не работает. Вы можете попробовать его на JSBin. Консоль выплевывает сообщение об ошибке. –

Typo: 'addclass' должен быть' addClass', а ваша демонстрация не загружается jQuery –

Использование так:

$(document).ready(function() { 
    $('.button-blue').addClass('selected'); 
});

.button-blue ANDD addClass вместо addclass

Here's a JS Bin example as well.

источник

2016-02-20 00:25:24

вместо:

$('button-blue').addclass('selected');

использовать правильный селектор (также отметить addClass является верблюжьего):

$('.button-blue').addClass('selected');

источник

2016-02-20 00:18:50 Seano666

Привет, я уже пробовал это, но это не работает. Кроме того, есть ли хорошее объяснение, почему '.button-blue' должен быть с точкой, но' selected' не имеет точки? Может ли точка быть опущена при использовании 'addClass'? –

Я не уверен, что дело имеет значение, но в документах функция '.addClass' вместо' .addclass' https://api.jquery.com/addclass/ –

Да, это важно, JavaScript чувствителен к регистру. –

jQuery - 'addClass' для HTML-элемента - не работает, но корректно отображается в Chrome

ответ

Смежные вопросы