jQuery slidedown在H1標籤中不起作用

-3

所以剛開始學習jQuery。我似乎無法使其工作。所以我已經聯繫我了jQuery我的html文件與腳本標籤：jQuery slidedown在H1標籤中不起作用

<script type="text/javascript" src="script.js"></script>

我有一個標題爲h1ONETWOTHREE。每個單詞使用<span>標籤進行不同的歸因。我想嘗試的是在文字ONE上放置滑動的功能。那麼我在這裏錯過了什麼或者在這裏做錯了什麼？是我的h1是position:fixed這個事實嗎？

HTML：

<html> 
<head> 
    <title></title> 
    <link rel='stylesheet'rel="stylesheet" href='style.css'/> 
    <script type="text/javascript" src="script.js"></script>  
</head> 

<body> 
    <h1><span id="ONE">ONE</span><br><span id="TWO">TWO</span><br><span id="THREE">   THREE</span><br></h1> 
</body> 
</html>

CSS爲H1：

h1 {position:fixed; 
left:14px; 
bottom:36px; 
margin-bottom:15px; 
line-height:40px; 
}

CSS代碼爲ONE：

#ONE { 
    font-family:broadway; 
    font-size:80px; 
    color:#880303; 
}

jQuery函數爲ONE：

$(document).ready(function() { 
    $('#ONE').slideDown('slow');  
});

來源

2013-12-22 Lo_MAT

關閉大寫鎖定，請 – sashoalm

請修復您的文章的標題 – talonmies

您是否也可以包含HTML代碼？ –

您已經給出了您的物品固定位置，因此它們不能滑動。
而且您還沒有隱藏您滑下的物品，因此無法顯示。（另請參閱jQuery slideDown() animation not working）
我認爲跨度無法滑動，我已將其更改爲div。

HTML：

<body> 
    <div id="ONEdiv"><h1><span id="ONEspan">ONE</span></h1></div> 
    <div id="TWOdiv"><h1>TWO</h1></div> 
    <div id="THREEdiv"><h1>THREE</h1></div> 
</body>

JS：

$(document).ready(function() { 
    $('#ONEdiv').slideDown('slow'); 
});

CSS：

h1 { 
line-height:40px; 
} 

#ONEdiv { 
    display:none; 
} 

#ONEspan { 
    font-family:broadway; 
    font-size:80px; 
    color:#880303; 
}

http://jsfiddle.net/2uJJ6/3/

來源

2013-12-22 17:57:14 flup

是的，我願意。我正在通過Codecademy建立和學習一個網頁，以便他們有一個script.js文件 –

我已經更新了我的答案並添加了一個小提琴 – flup

非常感謝！以及一個網頁設計newb，發現我需要一個腳本標記來說明我的jquery的功能。這就是我之前缺少的東西。 –

jQuery slidedown在H1標籤中不起作用

回答

相關問題