Question

我正在尝试在点击链接时滑下div 这是我试图这样做的方式：

<?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>

问题是，这不起作用，我不明白为什么。任何帮助将不胜感激!!

Answer 1

slideDown导致元素从无“增长”到其预期高度。为了实现这一点，必须隐藏元素：

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

如果div完全可见，那么.slideDown（）调用无效。

Answer 2

您的问题至少应说明该网页提供的错误。使用Firefox + Firebug。

那就是说，我注意到你似乎在使用jQuery（.slideDown()等），但是你没有包含jQuery库！

Jquery slideDown函数无法按预期工作。

2 个答案: