Eine Schaltfläche reagiert nicht. jQuery

Question

Ich habe sehr, sehr kleinen Code, wo ich das Verhalten der Schaltfläche beschreiben. Aber es reagiert nicht.

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 

Answer 1

Zunächst einmal wird das i-Tag depreceated, benutze em. ZWEITE, Ihr div hat keinen Text oder visuellen Elementwert, es benötigt keinen Grundbesitz im Browser, also benötigen Sie Inhalt im em-Tag, um etwas zu haben, um auf Ihre Alarmfunktion zu reagieren.