0

下面的代码片段是独立运行的，但不在我的网页中（我知道这可能有很多原因）。我正在尝试对其进行设置，以便单击一个 div 切换另一个。

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

1) 我的网页有最新的 1.10.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>
4

1 回答 1

1

您的代码正在使用 jQuery 1.10。

用 jQuery 就绪函数包装你的点击事件，

$(document).ready(function(){
    $("#top").click(function () {
      $("#bottom").slideToggle("fast");
    });
});
于 2013-06-08T07:22:11.540 回答