2011-09-02 139 views
-3

我想點擊一個鏈接 這裏的時候,到一個div滑下就是我正在嘗試這樣做:Jquery slideDown函數按預期工作。

<?php 
$interactionBox = '<div> 
<a href="#" onclick="return false" onmousedown="javascript:toggle(\'my_div\');"> 
Send Message</a> 
</div><br />'; 
?> 

<html> 
<head> 
<script language="javascript" type="text/javascript"> 
function toggle(x) { 
$('#'+x).slideDown(200); 
} 
</script> 
</head> 

<body> 
<?php echo $interactionBox; ?> 
<div class="interactContainers" id="my_div" style="background-color: #EAF4FF;"> message 
</div> 
</body> 
</html> 

的問題是,這是行不通的,我不知道爲什麼。任何幫助將不勝感激!!

+2

-1對於「不能工作」。請花費一些時間來更多地診斷問題並根據需要更新問題:是否存在JavaScript錯誤?返回的HTML是否有效/正確?它是否「出乎意料地工作」? (如果是PHP問題,請將其標記爲這樣,如果是JavaScript問題,則僅顯示*生成的* HTML/JavaScript:PHP不需要應用。) – 2011-09-02 19:42:52

+1

看起來您正在嘗試使用jQuery 。你是否將jQuery文件包含在文檔的頭部? – Matt

+0

Matt是正確的,jQuery是JavaScript庫 - 您需要將其下載到服務器或將其引用託管在外部服務器上。 –

回答

2

slideDown導致元素從「無」增長到其預期高度。對於工作,該元素被隱藏:

<div id="my_div" style="display: none">message</div> 
       ^^^^^^^^^^^^^^^^^^^^^ 

如果DIV是完全可見的,因爲你的是,在.slideDown()調用沒有任何效果。

0

你的問題應該至少說明該頁面給出的錯誤。使用Firefox + Firebug。

這就是說,我注意到你似乎在使用jQuery(.slideDown()等),但你不包括jQuery庫!

+0

我明白了!愚蠢的錯誤,不包括圖書館。感謝所有的答覆! – user906357