Question

下面的代码段是单独工作但不在我的网页内（我知道这可能有很多原因）。我正在尝试将其设置为单击一个div来切换另一个div。

以下是一些可能的问题，请让我知道有什么意义......

1）我的网页有最新的1.13.1版本的Jquery。在代码片段中，当我将Jquery切换到较新版本时，切换不再起作用。在我的网页上，较新的版本（似乎不支持.slideToggle）会覆盖也链接的旧版本吗？

2）我也注意到，当我将鼠标悬停在#top上时，我的网页上的光标不会变为指针。这可能是一个分层问题，我实际上并没有在它上面盘旋，所以我不能点击它？

如果不是直截了当，请提出问题。

    <!DOCTYPE html>
<html>
<head>
  <style>
  p { width:400px; }
  #top {cursor: pointer;}
  </style>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
  <div id="top">EMAIL ADDRESS</div>
  <div id="bottom">
        CONTENT INFORMATION
        </div> 


<script>
    $("#top").click(function () {
      $("#bottom").slideToggle("fast");
    });
</script>

</body>
</html>

Answer 1

您的代码正在使用jQuery 1.10。

使用jQuery ready函数

包装您的click事件

$(document).ready(function(){
    $("#top").click(function () {
      $("#bottom").slideToggle("fast");
    });
});

更新版本的jquery覆盖/无效或.slidetoggle（）？

1 个答案: