Javascript jQuery淡出和淡出_Javascript_Jquery_Html_Debugging

Javascript jQuery淡出和淡出

javascript jquery html debugging

Javascript jQuery淡出和淡出,javascript,jquery,html,debugging,Javascript,Jquery,Html,Debugging,当单击按钮时，我在使用jQuery淡出（）一个图像和淡出（）另一个图像时遇到问题为了简单起见，以下是需要影响的部分的HTML： <!DOCTYPE html> <html> <head> <link rel='stylesheet' href='style.css'/> <script type='text/javascript' src='script.js'></script>

当单击按钮时，我在使用jQuery淡出（）一个图像和淡出（）另一个图像时遇到问题

为了简单起见，以下是需要影响的部分的HTML：

<!DOCTYPE html>
<html>
    <head>
        <link rel='stylesheet' href='style.css'/>
        <script type='text/javascript' src='script.js'></script>
    </head>
    <body>
        <div id="landing-page">
            <div id="call-to-action">
                <img src="https://scontent-b-lga.xx.fbcdn.net/hphotos-prn1/v/1608452_3821343707689_2110853534_n.jpg?oh=ab5ebfd5dce574e97a43e9a7c0739583&oe=52D0F2AC" id="learn-button"/>
            </div>
            <img src="https://scontent-b-lga.xx.fbcdn.net/hphotos-prn1/v/1551908_3821359708089_1101636385_o.jpg?oh=aa19a9ac5f5b5e4f3cf704858482803d&oe=52D11726"id="line"/>
        </div>
    </div>
</body>

单击“调用操作”按钮时，“登录页”div应淡出，“更多信息”图像应淡出。它不起作用。事实上，我输入的任何jQuery命令都不能用于其他div。我相信我的jQuery插件有问题，或者我缺少了对jQuery工作表的一些参考

“或者我缺少对jquery工作表的一些参考。”

对。显示的代码不包括jquery.js文件。如果您的项目中有jquery.js的副本，请将其添加到

部分，紧跟在其他js的前面，包括：

<script type='text/javascript' src='jquery.js'></script>

演示：

您没有包括jquery库。您可以从google CDN中包含它。从你的问题，我了解到，点击一个按钮，你希望div是淡入淡出。请参考下面的演示进行此操作

演示：

我看不到任何id为

更多信息的标签。不管怎样，如果什么都不起作用，你检查过浏览器的控制台有没有错误吗？你是对的。我忘了在帖子中包含#more info图像，但它就在我实际的html文档的下方。如何检查浏览器控制台是否存在错误？您可以使用FireBug检查错误是否有我遗漏的原因，为什么这个答案显示jQuery的旧版本？@MartinAndersson-version 1.10.2不是“旧版本”，它是与旧IE兼容的jQuery的最新版本（除非您计算1.11，它仍然是测试版）。1.10.2版与2.0.3版同时发布……糟糕透了。我脑子里一直在读“1.1版”。我很高兴jQuery最终放弃了对..的支持。。古老的IE:s=）。@MartinAndersson-是的，有这个选项很好，但在我自己的工作中，我必须至少支持IE8，这意味着使用最新的jQuery 1.x流而不是2.x流。@nnnnnn my script.js文件是我的jQuery文件。它在我的css引用之后被引用为：
<script type='text/javascript' src='jquery.js'></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>

$(document).ready(function() {
  $("#more-info").hide();
  $("#call-to-action").click(function() {
    $("#landing-page").fadeOut("slow", function(){
        $("#more-info").fadeIn("slow");
    });
  });    
});