• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Powiązanie jQuerry js html. Wywołanie funcji

0 głosów
73 wizyt
pytanie zadane 30 lipca 2016 w JavaScript, jQuery, AJAX 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>

    <head>
    
    <meta charset="utf-8" />
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    
    <title> </title>
    <meta name="describtion" content="" />
    <meta name="keywords" content="" />
    
    <link rel="stylesheet" href="style.css" type="text/css" />
    
    
    <link href='https://fonts.googleapis.com/css?family=Lora|Josefin+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    
    <link href='https://fonts.googleapis.com/css?family=Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    
    <script type="text/javascript" src="jquery-1.12.3.js"></script>
    
    </head>
    
    <body>
    
    
    <div id="all">

        <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

0 głosów
odpowiedź 30 lipca 2016 przez ormu16 Mądrala (5,040 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 (48,780 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 Mądrala (5,040 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. 

komentarz 30 lipca 2016 przez xmentor Nałogowiec (48,780 p.)
No ale nie wiadomo czy miał tam kod jQuery. Jak pisałem swoją odpowiedź to nie zauważyłem wcześniej tego pliku.
0 głosów
odpowiedź 30 lipca 2016 przez xmentor Nałogowiec (48,780 p.)
A gdzie ten button w #button-container ?
komentarz 30 lipca 2016 przez pawelpawel Początkujący (480 p.)
ok działa już, dziękuję.

Podobne pytania

0 głosów
1 odpowiedź 83 wizyt
pytanie zadane 19 stycznia 2016 w JavaScript, jQuery, AJAX przez PreZmyK Pasjonat (17,650 p.)
0 głosów
0 odpowiedzi 230 wizyt
pytanie zadane 24 lipca 2018 w JavaScript, jQuery, AJAX przez WrdSaint Nowicjusz (120 p.)
–1 głos
1 odpowiedź 89 wizyt
pytanie zadane 30 stycznia 2018 w JavaScript, jQuery, AJAX przez afqedart Gaduła (4,600 p.)
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

63,199 zapytań

109,435 odpowiedzi

228,618 komentarzy

42,945 pasjonatów

Przeglądających: 82
Pasjonatów: 7 Gości: 75

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...