• 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
75 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 (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 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 (49,520 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 (49,520 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ź 84 wizyt
pytanie zadane 19 stycznia 2016 w JavaScript, jQuery, AJAX przez PreZmyK Pasjonat (17,830 p.)
0 głosów
0 odpowiedzi 248 wizyt
pytanie zadane 24 lipca 2018 w JavaScript, jQuery, AJAX przez WrdSaint Nowicjusz (120 p.)
–1 głos
1 odpowiedź 92 wizyt
pytanie zadane 30 stycznia 2018 w JavaScript, jQuery, AJAX przez afqedart Gaduła (4,660 p.)
Porady nie od parady
Możesz ukryć, zamknąć lub zmodyfikować swoje pytanie, za pomocą przycisków znajdujących się pod nim. Nie krępuj się poprawić pochopnie opublikowanego pytania czy zamknąć go po uzyskaniu satysfakcjonującej odpowiedzi. Umożliwi to zachowanie porządku na forum.Przyciski pytania

64,791 zapytań

111,250 odpowiedzi

233,951 komentarzy

46,683 pasjonatów

Przeglądających: 107
Pasjonatów: 0 Gości: 107

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.

...