O jQuery não funciona no editor de colchetes
Então Oi. Eu tentei tudo o que sei e não sei, e simplesmente não consigo fazer isso funcionar. Sim, tenho uma tag de script no meu esqueleto html.
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
Eu também tentei fazer o download e adicionar ao meu esqueleto html como uma tag de script. Nada funciona. Estou digitando meu javascript / jquery em outro file.js, que obviamente também está vinculado ao meu html.
Estou usando o editor de colchetes. Não consegui encontrar nada na Web ... e tenho certeza de que o problema é que, por algum motivo, o diretório jQuery não está vinculado aos meus outros arquivos .js, porque quando digito meu javascript direto para dentro meu arquivo html, ele funciona.
Para todos que usam o editor de colchetes, o que devo fazer? :(
Código html completo:
<!DOCTYPE html>
<html>
<head>
<title>One Piece Website</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="jquery.js" type="text/javascript"></script>
<script src="javascript.js" type="text/javascript"></script>
</head>
<body>
<div id="banner"></div>
<div id="wrapper">
<header>
<div id="logo"></div>
<div id="navbar"></div>
<div id="slider">
<img src="imgs/slider-arrow.png" id="leftarrow" />
<h1>Novidades</h1>
<h2>Mantenha-se sempre informado.</h2>
<h3>
<a href="">SIT ELIT PELLENTESQUE</a>
</h3>
<p>
Ipsum et praesent elit accumsan pellentesque elit varius elit tellus tellus curabitur. Varius sollicitudin tortor velit faucibus varius vestibulum in praesent sit accumsan at mauris lacinia diam sollicitudin iaculis. In ad adipiscing adipiscing adipiscing nulla consectetur ac amet.
</p>
</div>
</header>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
</body>
</html>
JS:
$(document).ready(function() {
$('#slider').mouseenter(function() {
$('#leftarrow').css('display', 'block');
$('#rightarrow').css('display', 'block');
$('#leftarrow').animate({left: '-30px'}, 'slow');
});
$('#slider').mouseleave(function() {
$('#leftarrow').delay(50000).css('display', 'none');
});
});