2017-01-29 2 views
-2

У меня очень маленький код, где описывается поведение кнопки. Но он не реагирует.Кнопка не отвечает. jQuery

JS:

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

HTML:

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

CSS:

.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 
+1

Добро пожаловать в переполнение стека! Пожалуйста, примите [тур], осмотритесь и прочитайте [помощь], в частности [* Как я могу задать хороший вопрос? *) (/ Help/how-to-ask) Также обратите внимание, что есть ** ** ** информацию о том, как отформатировать свой вопрос на странице «Спросите вопрос». Это стоит потратить время, чтобы сделать ваш вопрос максимально ясным и правильно отформатированным. –

+0

Проблема, вероятно, такова: [* Почему jQuery или DOM-метод, такой как getElementById, не находит элемент? *) (Http://stackoverflow.com/questions/14028959/why-does-jquery-or-a-dom -method-such-as-getelementbyid-not-find-the-element) Но вопрос не достаточно ясен, чтобы быть уверенным. –

+0

Что не работает? – epascarello

ответ

-1

Во первых с я тег depreceated, использовать em. SECOND, ваш div не имеет значения текста или визуального элемента, он не занимает никакой недвижимости в браузере, поэтому вам потребуется контент в теге em, чтобы что-то реагировать на вашу функцию предупреждения.

+1

Вы понимаете, что так работает шрифт? http://fontawesome.io/examples/ Это встроенный блок-элемент с шириной, поэтому есть что-то щелкнуть. – epascarello

+0

Ссылка ссылается на '' Устаревшее – charlietfl

+0

Неплохо, похоже, что вам не хватает фигурных скобок {и полуколоней; в вашем CSS –

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