Jquery slideDown不按預期工作

-1

我不明白爲什麼以下不會滑動緩慢。注意div是內聯的。Jquery slideDown不按預期工作

<span id="readMoreLink" style="display: inline"><a style="color: #213d92" class="textlink" id="readMore "href="#"> ...Read More</a></span> 
<div id="bioText" style="display: inline">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </div>

$('#readMore').click(function (e) {    
    $('#bioText').slideDown(1000); 
    $('#readMoreLink').hide(); 
    e.preventDefault(); 
});

注意：如果刪除顯示：內聯它工作正常。它是顯示：內聯導致的問題。儘管我需要內聯顯示。不知道如何解決這個問題。

來源

2014-03-04 Nate Pet

您是否嘗試過'e.preventDefault（）'之前的其他代碼？ IIRC它應該是第一個行動。 –

這和你上一個問題有什麼不同？順便說一句，元素的ID是'readMoreLink'，但你綁定了'$（'＃readMore'）'。你爲什麼滑落已經可見的東西？ – j08691

我們是否應該假定您也有一個開始/結束

我不知道這是否是解決你的問題，但請注意，在你的問題的示例代碼，你有你的標籤的ID屬性的額外空間：

id="readMore " 

<a style="color: #213d92" class="textlink" id="readMore "href="#">

結束報價前有一個額外的空間。

您的jQuery代碼不會重現該空間，因此ID的名稱是不同的。

$('#readMore').click(function (e) {

您的代碼不會與固定的工作：jsFiddle demo

來源

2014-03-04 17:26:15 gibberish

非常感謝。當我刪除顯示：無;它的確影響我說的。我需要刪除顯示：無我喜歡的文本繼續流動。希望這是有道理的。任何解決方案？ –

對不起，Nate，我不明白你的要求。你的意思是，「當你從jsFiddle的'div＃bioText'中刪除'display：none'時？如果需要以編程方式刪除它，可以使用'$（'＃elementID'）。removeAttr（'display'）;'或$（'＃elementID'）。css（'display'，'inline'）; '或只是'$（'＃elementID'）。show（）;'請澄清。 – gibberish

謝謝胡言亂語。我有一個會議去，但讓我稍後在我正在談論的東西上添加一個筆記。謝謝 –

相關問題