Powiązanie jQuerry js html. Wywołanie funcji

pytanie zadane 30 lipca 2016 w JavaScript przez pawelpawel Początkujący (480 p.)
edycja 30 lipca 2016 przez pawelpawel

Witam jakie są błędy że nie działa?

<!DOCTYPE HTML/>

<html>

       <div id="button-container" >

       <button>M---N---M</button>

       </div>

       <div id="banner-message"> TU JESTEM !</div>

   </div>
       <script>
                   var hiddenBox = $( "#banner-message" );
               $( "#button-container button" ).on( "click", function( event ) {
               hiddenBox.show();
               });
       </script>
   </body>


   </html>

#all {
	font-family: 'Playball', cursive;
	
	
	
}

#mnm{
	padding: 30px;
	font-size: 40px;
}
#banner-message{
	display:none;
}

2 odpowiedzi

odpowiedź 30 lipca 2016 przez ormu16 Gaduła (4,980 p.)

Ładujesz swój plik js przed załadowaniem jQuery, przez co w swoim skrypcie "nie widzisz" jQuery.

Na dodatek skrypty powinieneś ładować pod koniec tagu body, oraz javascript zacząć od pisania

$('document').ready(function() {
  // KOD
})

komentarz 30 lipca 2016 przez xmentor Nałogowiec (49,520 p.)

Sorry, ale kolega ładuje bibliotekę jQuery w sekcji head, więc przed wczytaniem treści załaduje tą bibliotekę. Następnie przed końcem body dodaje swój kod jQ - tutaj wszystko okej, no ale dobrze by było przenieść jQuery na koniec body przed swoim kodem, aby to treść najpierw się wczytała a później skrypty.

Jeżeli swój skrypt umieszczasz przed zamknięciem znacznika body nie musisz umieszczać $("document").ready... gdyż dokument jest już gotowy.

komentarz 30 lipca 2016 przez pawelpawel Początkujący (480 p.)

dzieki

komentarz 30 lipca 2016 przez ormu16 Gaduła (4,980 p.)

Masz rację, jednak jak widzisz pytanie było edytowane, a przed edycją w head ładował plik link.js przed załadowaniem jQuery. W swojej odpowiedzi odnosiłem się do tego.