Forum PHP.pl > [HTML][JavaScript]Kod działa na jsfiddle a w pliku html nie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]Kod działa na jsfiddle a w pliku html nie

uczen949

30.10.2012, 10:11:15

Dlaczego mój kod działa na: http://jsfiddle.net/c3fuC/
a nie działa jeśli utworze sobie normalny plik np. a.html z tym samym kodem?

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
   <head>
      <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
      <meta charset="utf-8" />
      <title>Google</title>
      <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
      <style type="text/css">
         #result{
         width: 300px;
         height: 400px;
         background-color: red;
         }
      </style>
 
      <script>
         var service = new google.maps.DistanceMatrixService();
         service.getDistanceMatrix(
         {
         origins: ["Berlin"],
         destinations: ["Frankfurt"],
         travelMode: google.maps.TravelMode.DRIVING,
         }, callback);
 
         function callback(response, status) {
          console.log(response);
         $("#result").text(response.rows[0].elements[0].distance.text + " and " + response.rows[0].elements[0].duration.text);
         }
      </script>
   </head>
 
   <body>
      <div id="result"></div>
   </body>
</html>
[HTML] pobierz, plaintext

CuteOne

30.10.2012, 11:05:03

zapomniałeś chyba o czymś
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

uczen949

30.10.2012, 11:10:07

Dzięki, ale nie zapomniałem, mam w kodzie: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

Kod w JSFiddle jest identyczny z tym w pliku html

W konsoli błędów mam:

[HTML] pobierz, plaintext 
Uncaught ReferenceError: $ is not defined 
uncaught referenceerror $ is not defined na linii 28
[HTML] pobierz, plaintext

CuteOne

30.10.2012, 11:13:43

....spójrz dokładnie na tą ścieżkę do pliku

uczen949

30.10.2012, 11:17:47

sorry, śpię. Dzięki wielkie

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.