Question

我正在尝试与html中的按钮进行对话，我正在使用jQuery隐藏旧行并显示新行。这样，当你点击一个按钮时，yoa可以继续“说话”。我是在JSfiddle开始的，它运行得很好。但现在，我想把它放在一个真实的网站上，而jquery什么都不做。在这里，我有小提琴，它实际上有效：http://jsfiddle.net/MeisterAbababa/xHk5g/207/。我认为我对html做错了或使用ID不正确，但我不知道该怎么办。

编辑：这些是浏览器控制台中的错误：

SyntaxError：语法错误jquery-1.10.2.min.js：1

ReferenceError：$未定义Apple.js：2

（我可能犯了一个愚蠢的错误。）

<!DOCTYPE html>  <html> <head> <title>Talking to Universe</title> <link href="Apples.css" rel="stylesheet" type="text/css" > <script type="text/javascript" src="jquery-1.10.2.min.js"></script> <script type="text/javascript" src="Apple.js"></script>

</head> <body> <div ID="PT1" class="presentationtext">Good morning.
    <button Id="PR1">Hello</button> </div> <div ID="PT2" class="presentationtext">I'm the Universe. Nice to meet you.
    <button Id="PR2">The pleasure is mine</button> </div> <div ID="PT3" class="presentationtext">I'm boring here. Why you don´t get this coin?
    <button Id="PR3">Get the coin</button> </div> <div ID="PT4" class="presentationtext">Oh. You can buy things. We are in space, so you can buy almost everything. Let´s start buying an apple farm and an Apple Button.
    <button Id="PR4">Get the things you have said with the coin you gave me.</button> 

</div></div>
</body>
</html>

她也是剧本：

   //Menu  $("#TableClicker").css();
$(document).ready(function () {
    $("#PR1").click(function () {
        $("#PT2").css("visibility", "visible");
        $("#PT1").hide();
    });
    $("#PR2").click(function () {
        $("#PT3").css("visibility", "visible");
        $("#PT2").hide();
    });
    $("#PR3").click(function () {
        $("#PT4").css("visibility", "visible");
        $("#PT3").hide();
    });
    $("#PR4").click(function () {
        $("#MenuButton").css("visibility", "visible");
        $("#AppleFarmButton").css("visibility", "visible");
        $("#TableClicker").css("visibility", "visible");
        $("#PT4").hide();
    });
    $("#MenuButton").click(function () {
        $("#TableClicker").hide();
    });
    $("#AppleFarmButton").click(function () {
        $("#TableClicker").show();
    });
});

这是css：

/*Presentation*/
.presentationtext{
}
#PT1{
    visibility:visible;
}
#PT2{
    visibility:hidden;
}
#PT3{
    visibility:hidden;
}
#PT4{
    visibility:hidden;
}

Answer 1

似乎jQuery未成功加载到您的页面中。

最可能的原因是jquery-1.10.2.min.js未正确地位于服务器上与HTML页面相同的目录中，因此当您指定此<script>标记时，浏览器无法找到它：

<script type="text/javascript" src="jquery-1.10.2.min.js"></script>

Javascript无法识别jQuery

1 个答案: