Добавление класса на javascript

[White_S]

Задача вродь простая, но что-то туплю сурово и найти не могу решения есть код

<a class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-flat vc_btn3-color-juicy-pink" href="#contact_form_pop" title="" target="_self">Заказать звонок</a>

нужно добавить tit один класс .fancybox найти элемент на странице можно по классу vc_btn3-shape-rounded, например.

 

[ZiX]

Задача вродь простая, но что-то туплю сурово и найти не могу решения есть код

<a class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-flat vc_btn3-color-juicy-pink" href="#contact_form_pop" title="" target="_self">Заказать звонок</a>

нужно добавить tit один класс .fancybox найти элемент на странице можно по классу vc_btn3-shape-rounded, например.

что значит tit?
Вам надо через js добавить класс?
$('.vc_btn3-shape-rounded').addClass('fancybox');
а потом уже
$('.fancybox').fancybox({......});

 

[White_S]

tit это пунтосвитчер так поправил, наверное там должно было быть "еще"

что значит tit?
Вам надо через js добавить класс?
$('.vc_btn3-shape-rounded').addClass('fancybox');
а потом уже
$('.fancybox').fancybox({......});

итак сейчас есть

<a class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-flat vc_btn3-color-juicy-pink" href="#contact_form_pop" title="" target="_self">Заказать звонок</a>

надо чтобы стало

<a class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-flat vc_btn3-color-juicy-pink fancybox" href="#contact_form_pop" title="" target="_self">Заказать звонок</a>

Сам я написал тоже такой же кусок и что-то не фурычит, вот

<script type="text/javascript">
    $('.vc_btn3-shape-rounded').addClass('fancybox');
    </script>

 

[denverkurt]

так попробуйте:

<script type="text/javascript">
$(document).ready(function(){
    $('.vc_btn3-shape-rounded').addClass('fancybox');
});
</script>

 

[White_S]

так попробуйте:

<script type="text/javascript">
$(document).ready(function(){
    $('.vc_btn3-shape-rounded').addClass('fancybox');
});
</script>

да, так тоже пробовал, к сожалению не работает и так, мистика какая-то.

 

[interdividend]

А JQuery правильно подключен? в консоли что нибудь отображается?
Попробуйте вместо
$(document).ready(function(){

$( window ).load(function() {

 

[White_S]

А JQuery правильно подключен? в консоли что нибудь отображается?
Попробуйте вместо
$(document).ready(function(){

$( window ).load(function() {

Не помогло, но консоль выдает "Uncaught TypeError: $ is not a function". JQuery подключена /wp-includes/js/jquery/jquery.js?ver=1.11.3 - файл доступен.

 

[denverkurt]

а может быть вы вставляете свой код выше чем подгружается JQuery ?
это единственный логичный вариант

 

[White_S]

а может быть вы вставляете свой код выше чем подгружается JQuery ?
это единственный логичный вариант

Ниже конечно. А может можно без JQuery ?

 

[denverkurt]

Ниже конечно. А может можно без JQuery ?

можно. пример здесь Для просмотра ссылки Войди или Зарегистрируйся