Ich habe diesen Code in jQuery
: (Dateiname javascript.js ist ... Ich war mit JavaScript vor ...)
$(document).ready(function() {
$("#readFile").click(function() {
$.get('test.txt', function(data) {
$("#bottom_pane_options").html(data); // #bottom_pane_options is the div I want the data to go
}, 'text');
});
});
... und dies in HTML:
<!DOCTYPE html>
<html>
<head>
<title>Culminating</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="./javascript.js"></script>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCJnj2nWoM86eU8Bq2G4lSNz3udIkZT4YY&sensor=false">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
function initialize()
{
var mapProp = {
center:new google.maps.LatLng(50.569283,-84.378433),
zoom:5,
mapTypeId:google.maps.MapTypeId.TERRAIN
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div class="content">
<div id="googleMap"></div>
<div id="right_pane_results">hi</div>
<div id="bottom_pane_options">
<button id="readFile">Read File</button>
</div>
</div>
</body>
Wenn ich die Konsole überprüfen, erhalte ich die Uncaught ReferenceError
sagen, dass $
nicht in der ersten Zeile definiert ist. Ich nehme an, dass es sich auf das erste Zeichen in der ersten Zeile bezieht. Ich habe diesen Code von einer Website und ich bin neu bei jQuery
, also bin ich mir nicht sicher, was hier falsch läuft.
Irgendwelche Vorschläge?
Sie sollten die jQuery erste umfassen –
Versuchen Sie Ihren eigenen Code Skript am Ende des HTML-Inhalte hinzufügen, bevor Sie Ihren Abschluss