Почему кнопка не реагирует на нажатие?

Question

[MiMarch]

Есть кнопка, но она не реагирует на нажатие. Помогите, в чем может быть проблема?

$('.boxbar').click(function(){
  alert('Click')
});

<div class="boxbar"><i class="fa fa-bars" aria-hidden="true"></i></div>

.boxbar
	text-align: center
	padding-bottom: 16px
	padding-top: 12px
	height: 58px
	cursor: pointer
[class^='box']
	color: $primary_font_color_W
	background: $primary_color_bg

	&:hover
		background: $hold_color
		color: $primary_font_color_B

Answer 1

[Bastax13]

Попробуйте вместо <div> использовать <input type="button"></input>

Comments

[MiMarch]

Don't help(

[Bastax13]

MiMarch: Тогда используйте < input type="button" onclick="название_функции()" >< /input > (пробелы уберите). Это уж точно должно работать

[Bastax13]

MiMarch: Помогло?

[MiMarch]

Анатолий: А возможно ли это с дивом сделать?

[MiMarch]

Анатолий: Не совсем гармонично относительно кода выглядит, в инете куча примеров где оно работает

[Bastax13]

MiMarch: Сейчас попробуем решить... Можете только в песочницу загрузить: codepen.io или jsfiddle.net?

[MiMarch]

Анатолий: Хм... Работает в отдельности, но в рамках сайта - нет

[MiMarch]

Анатолий: codepen.io/anon/pen/OWzJWY

[Андрей]

вы про консоль слышали?

Answer 2

[Dmitry Tiunov]

Попробуйте использовать метод .on() - api.jquery.com/on

$(document).on('click', '.boxbar', function (e) {
    alert('Click');
});