jQuery不適用於我的HTML
[英]jQuery Isn't applying to my HTML
問題描述
我不太確定為什么它不起作用。 我從谷歌服務器獲得了jQuery，它只是不知道我的fadeOut。
這是我的html文件
<!DOCTYPE html>
<html>
<title>Prepare your Jimmies</title>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type='text/javascript' src='script.js'></script>
<body>
<div id="loading">
<p id="rj">Shh... No tears, Only Dreams Now</p>
</div>
</body>
</html>
這是script.js文件
// JavaScript Document
$(document).ready(function() {
$('#rj').fadeOut(100,'slow');
});
任何幫助，將不勝感激。 謝謝
6 個解決方案
解決方案1
4 已采納 2013-12-24 15:10:45
我認為fadeOut需要兩個參數，一個超時和一個回調。 所以它應該是：
// JavaScript Document
$(document).ready(function() {
$('#rj').fadeOut('slow');
});
要么
// JavaScript Document
$(document).ready(function() {
$('#rj').fadeOut(100);
});
解決方案2
2 2013-12-24 15:11:56
解決方案3
1 2013-12-24 15:11:24
正如您在文檔中看到的那樣，fadeOut需要2個參數
第一個是動畫的持續時間，您可以將100設置為100毫秒或“慢”，第二個參數是動畫后執行的功能。 fadeOut Doc
所以你行
$('#rj').fadeOut(100,'slow');
是錯的，你可以寫：
$('#rj').fadeOut('slow');
要么
$('#rj').fadeOut(100);
解決方案4
0 2013-12-24 15:04:28
為了放松，您還必須包括jquery-ui庫：
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
解決方案5
0 2013-12-24 15:24:30
看起來你正在使用fadeOut錯誤，它接受一個速度和一個回調函數，它看起來好像你試圖做一個延遲，所以嘗試：
$(document).ready(function() {
$('#rj').delay(100).fadeOut('slow');
});
還要確保您的腳本與HTML頁面位於與源狀態相同的文件夾中。
解決方案6
0 2013-12-24 15:27:13
你沒有頭！ ;）
嘗試這個：
<!DOCTYPE html>
<html>
<head>
<title>Prepare your Jimmies</title>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<div id="loading">
<p id="rj">Shh... No tears, Only Dreams Now</p>
</div>
</body>
</html>
jQuery在我的html文檔中不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.