Question

我正在为网站创建一个注册页面，并在一个下拉框中编码，告诉用户为什么我们需要一个生日。出于某种原因，我的代码无效。

这是代码

<script language="javascript" type="text/javascript">
function toggleSlideBox(x) {
        if ($('#'+x).is(":hidden")) {
            $('#'+x).slideDown(300);
        } else {
            $('#'+x).slideUp(300);
        }
}
</script>

以下是HTML代码：

<a href="#" class="mouseover" onclick="return false" onmousedown="javascript:toggleSlideBox('why');">why?</a>
          <div id="why" style="background-color:#E6F5FF; border:#999 1px solid; padding:12px; display:none; margin-top:8px;"> Sometime down the road we may offer content that is only suitable for people over 18. We require this information to check your age. <br />
            <br />
            We can also use this information to alert your friends to when your birthday is. </div>

提前致谢！

Answer 1

您是否将脚本放在<a>的位置下方？如果没有，您需要确保在脚本开始之前加载a标记。尝试将此添加到您的脚本中：

<script language="javascript" type="text/javascript">
function toggleSlideBox(x) {

  $(document).ready(function(){      // ADD THIS

    if ($('#'+x).is(":hidden")) {
            $('#'+x).slideDown(300);
        } else {
            $('#'+x).slideUp(300);
        }
    }

  });                                // ADD THIS

</script>

Javascript下拉框

1 个答案:

还要确保在运行脚本之前已包含jQuery库...