Почему не определяет по data?

Question

[Shuboanator]

<div id="bg">
    	<div class="cd-member-bio member-1">
        	<a data-type="gall-1"><div  class="proektimg" id="p1"></div></a>
    	</div>
        <div class="cd-member-bio member-2">
        	<a data-type="gall-2"><div  class="proektimg" id="p2"></div></a>
    	</div>

<div id="bg2">
       <div class="gallery gall-2"></div>
</div>

$('#bg').find('a').on('click', function(event){
		event.preventDefault();
		var selected_gall = $(this).data('type');
		$('.gallery.'+selected_gall+'').addClass('slide-in');
		$('#fonbg').addClass('one');
});

Почему не находит "a " и следовательно не добавляются классы?

Comments

[Алексей Уколов]

Вы уверены, что не находит? Выводили selected_gall в консоль? Класс slide-in точно не добавляется? Может, проблема в чем-то другом?

[Shuboanator]

Алексей Уколов: slide-in точно не добавляется, так же к #FonBg не добавляется класс .one из чего и сделал вывод, что не находит "а"

[Алексей Уколов]

Shuboanator: вы внутри функции сделайте вывод переменной в консоль и поймете - вызывается функция или нет, правильно ли получается значение из data-атрибута и т.п.

Answer 1

[Александр Сухерев]

$(document).on( 'click', '#bg a', function(event){

});

Comments

[Shuboanator]

не помогло

[Александр Сухерев]

Shuboanator: вопрос был "почему не находит а". Теперь находит.

[Алексей Уколов]

Он и до этого должен был прекрасно находить.

[Александр Сухерев]

Алексей Уколов: нет, функция не вызывалась

[Алексей Уколов]

Александр Сухерев: Так у вас что ли динамически блок #bg заполняется?

[Александр Сухерев]

Shuboanator: этому диву добавляется класс slide-in, Вы же этого хотите? У Вас в коде линки пустые, кликнуть по ним не получится.

Answer 2

[vista1x]

1) Сначала вы присваиваете данные переменной selected_member, а потом используете selected_gall
2) Я не вижу элемента #fonbg
Смотрите консоль, все ошибки там.

Comments

[Shuboanator]

Исправил, но тоже не помогло)

[vista1x]

Shuboanator: Как вы проверяете, можно узнать? Если запустить ваш код, то не отобразится ровным счётом ничего. На что вы кликаете?

[Shuboanator]

vista1x: кликаю на div id="p1" или div id="p2" и проверяю в консоли добавились ли классы

[vista1x]

jsfiddle.net/L4wfLebu
При клике на вторую ссылку к .gallery добавляется .slide-in
К #fonbg ничего не добавляется просто потому, что в приведенном вами коде его нет.
Опишите, что именно вам нужно.

[Shuboanator]

vista1x: jsfiddle.net/L4wfLebu/2 вот что пытался сделать.. на сайте не работает, значит глубже проблема зарыта

Answer 3

[Евгений Лебедев]

Скорее всего из за отсутствия аттрибута href у элемента a.

Answer 4

[Finnish]

А может просто скрипт выполняется раньше, чем в DOM появились эти элементы?
Если так, то первый комментарий - хорошее решение.