似乎無法得到滑動工作

注：我已經在網上搜索並嘗試實施幾個不同的代碼，並沒有任何工作。下面的代碼是當前在測試頁面上的代碼。似乎無法得到滑動工作

我有下面的代碼。我曾經有過這樣的工作，但是不小心刪除了我的代碼，現在我無法獲得任何工作。

我在頁面頂部有一個隱藏的div。我需要有一個鏈接，我可以放置在任何可以切換該div顯示的位置。我想要一個漂亮的動畫，這就是爲什麼我使用滑動窗口。我有一段時間用不同的代碼滑動工作了一段時間，但是我丟失了代碼，現在沒有任何工作。

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript"> 
$('.Hdiv_Top').click(function(){ 
    $("#HiddenDiv_Top").slideToggle(); 
    return false; 
}); 
</script> 

<style> 
#HiddenDiv_Top { 
    display:none; 
} 
#HiddenDiv_Top:target { 
    display:block; 
} 
</style> 
<div id="HiddenDiv_Top" style="height: 150px; background: #FF9; color: #000; border-bottom: 2px solid #000; width: 100%;"> bla bla bla </div> 

<ul> 
<li ><a href="javascript:void(0)" class="Hdiv_Top" >Directions</a></li> 
</ul>

來源

2013-11-28 kdjernigan

你的代碼需要在document ready handler因爲當執行腳本的Hdiv_Top元素還沒有加載到DOM

jQuery(function($){ 
    $('.Hdiv_Top').click(function(){ 
     $("#HiddenDiv_Top").stop(true, true).slideToggle(); 
     return false; 
    }); 
})

來源

2013-11-28 01:24:05

謝謝。我有一種感覺，它會變得很簡單，因爲我做錯了。這似乎奏效了。我會盡快接受你的回答。 – kdjernigan

你忘了等待整個頁面加載在運行你的jQuery腳本之前。該頁面看不到與已加載的類相匹配的任何元素。

http://jsfiddle.net/T4SCW/

$(function() { 
    $('.Hdiv_Top').click(function() { 
     $("#HiddenDiv_Top").slideToggle(); 
     return false; 
    }); 
});

來源

2013-11-28 01:25:21 Ming

似乎無法得到滑動工作

回答

相關問題