Uncaught TypeError: $ .simpleWeather ist keine Funktion

Ich versuche simpleWeather.js auf meiner Website zu implementieren.

Leider, wenn ich die html in meiner Website platzieren, erhalte ich

Uncaught TypeError: $.simpleWeather is not a function

I simpleWeather.js an der Spitze meiner html ist Referenzierung: wird

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.simpleWeather/3.1.0/jquery.simpleWeather.min.js"></script>

Und es auf der Webseite geladen :

Es funktioniert perfekt auf codepen.io though:/Irgendwelche Ideen?

EDIT:

Mein vollständige Code sieht wie folgt aus:

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.simpleWeather/3.1.0/jquery.simpleWeather.min.js"></script> 
<script type="text/javascript"> 
    //copied javascript from codepen.io 
</script> 
<style type="text/css"> 
    //copied css from codepen.io 
</style> 
//copied html from codepen.io

Quelle

2016-07-22 Gintas K

Wo ist dein jquery Skript-Tag in Bezug auf Ihre simpleweather Skript-Tag? (Sie müssen in dieser Reihenfolge sein: jQuery zuerst, dann simpleweather.) –

Ich denke, Sie versuchen, 'SimpleWeather' aufzurufen, bevor Plugin geladen wurde ... –

' jquery.min.js' Referenz ist nur über der 'jquery. simpleWeather.min.js'. Ich habe alles wie im Codepen.io Beispiel:/ –

mir Sieht aus wie Sie wahrscheinlich Ihre Skripte in der falschen Reihenfolge haben. Ihr script Tag für jQuery muss vor Ihr script Tag für simpleWeather sein. Dann muss Ihr Skript mit simpleWeather danach sein. (Wenn Sie ein Skript Loader verwenden, müssen Sie diese Last gewährleisten.)

Quelle

2016-07-22 09:05:03

Bitte um Code überprüfen ...

Sie müssen umfassen Bibliothek zuerst, dann können Sie das $ .simpleWeather Zugang () Methode. Code so etwas bestellen.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.simpleWeather/3.1.0/jquery.simpleWeather.min.js"></script> 
... 
... 
... 
<script> 
$.simpleWeather({ 
    zipcode: '76309', 
    unit: 'f', 
    success: function(weather) { 
     html = '<h2>'+weather.city+', '+weather.region+'</h2>'; 
     html += '<img style="float:left;" width="125px" src="images/weather/'+weather.code+'.png">'; 
     html += '<p>'+weather.temp+'&deg; '+weather.units.temp+'<br /><span>'+weather.currently+'</span></p>'; 
     html += '<a href="'+weather.link+'">View Forecast &raquo;</a>'; 

     $("#weather").html(html); 
    }, 
    error: function(error) { 
     $("#weather").html("<p>"+error+"</p>"); 
    } 
}); 
</script>

Quelle

2016-07-22 09:05:21

es so versuchen:

jQuery(document).ready(function ($) { 
    // your code 
});

Auch schreiben die script Tag nach html und css

Quelle

2016-07-22 09:28:06 mike

Uncaught TypeError: $ .simpleWeather ist keine Funktion

Antwort

Verwandte Themen