Question

我的JQuery无法运行，我无法弄清楚原因。我想知道它是否与最近升级到Windows 10有关，但我不知道。这是我的整个HTML页面。注意：即使我取出所有链接和脚本，只留下JQuery中的链接和脚本，它仍然无效。

    <!DOCTYPE html>
    <html lang="en" class="container">
    <head>
    <title>Practice Search Results webpage</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="style.css">
<script>
/* Jquery Slider Practice*/
$(document).ready(function(){
    $("#AtomicNumbers").click(function(){
        $("#details").slideDown("slow");
    });
});
</script>
<style>
#AtomicNumbers, #details {
        padding: 5px;
        text-align: left;
        background-color: pink;
        border: solid 1px black;
        width: 500px;
}   


</style>
</head>
<body>

<h2>We found results near you!</h2>

<h3 id="AtomicNumbers"> Atomic Numbers</h3>
<p id="details">Here are the details about Atomic Numbers</p>

</body>
</html>

Answer 1

你必须了解slidedown（）的作用。您的--sysconfdir /etc标记已显示在html中。所以它不会对slidedown（）做任何事情。如果要查看效果，请执行以下操作：

Answer 2

我使用以下代码。感谢大家。

#details {
     display: none;
}

我没有意识到“显示：无;”需要。

JQuery slideDown不工作;显示两个HTML元素，滑块效果不会发生

2 个答案: