为什么赢了'；使用jQuery时，图像是否会淡入淡出_Jquery_Image_Fadein

为什么赢了'；使用jQuery时，图像是否会淡入淡出

jquery image

为什么赢了'；使用jQuery时，图像是否会淡入淡出,jquery,image,fadein,Jquery,Image,Fadein,我是jQuery新手，我正在尝试让图像淡入，但不会。有人能告诉我代码有什么问题吗？提前谢谢我的Html页面如下所示 <!doctype html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs

我是jQuery新手，我正在尝试让图像淡入，但不会。有人能告诉我代码有什么问题吗？提前谢谢

我的Html页面如下所示

<!doctype html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<meta charset="utf-8">
<link rel="stylesheet"  type="text/css" href="main.css">
<script type="text/javascript">
    $(document).ready(function(){
        $(".slider#1").fadeIn("slow");

});
</script>
<title>slider</title>
</head>
<body>
    <div class="slider" >
        <img id="1" src="images/mountain.jpg" alt="Mountain"/>
        <img id="2" src="images/roses.jpg" alt="Roses" />
        <img id="3" src="images/vilage.jpg" alt="Village"/>

    </div>

</body>
</html>

这段代码以类

滑块和ID1
的元素为目标：
$(".slider#1").fadeIn("slow");

由于图像元素是具有滑块
类的元素的子元素，因此需要对ID为1
的目标元素执行此操作，该元素的父元素具有类滑块
：
$(".slider #1").fadeIn("slow");

这段代码以类滑块和ID1
的元素为目标：
$(".slider#1").fadeIn("slow");

由于图像元素是具有滑块
类的元素的子元素，因此需要对ID为1
的目标元素执行此操作，该元素的父元素具有类滑块
：
$(".slider #1").fadeIn("slow");

这段代码以类滑块和ID1
的元素为目标：
$(".slider#1").fadeIn("slow");

由于图像元素是具有滑块
类的元素的子元素，因此需要对ID为1
的目标元素执行此操作，该元素的父元素具有类滑块
：
$(".slider #1").fadeIn("slow");

这段代码以类滑块和ID1
的元素为目标：
$(".slider#1").fadeIn("slow");

由于图像元素是具有滑块
类的元素的子元素，因此需要对ID为1
的目标元素执行此操作，该元素的父元素具有类滑块
：
$(".slider #1").fadeIn("slow");

您的jQuery选择器不正确。试试这个：
$(".slider #1").fadeIn("slow");

此外，你的观念可能有缺陷。在添加漂亮的jQuery调用之前，最好确保它将以您想要的方式显示。尝试暂时对fadeIn调用进行注释，并临时添加此css类，以确保当图像从一开始就可见时，页面的外观符合您的要求：
.slider #1 {
    display: block;
    width: 700px;
    height: 400px;
}

您的jQuery选择器不正确。试试这个：
$(".slider #1").fadeIn("slow");

此外，你的观念可能有缺陷。在添加漂亮的jQuery调用之前，最好确保它将以您想要的方式显示。尝试暂时对fadeIn调用进行注释，并临时添加此css类，以确保当图像从一开始就可见时，页面的外观符合您的要求：
.slider #1 {
    display: block;
    width: 700px;
    height: 400px;
}

您的jQuery选择器不正确。试试这个：
$(".slider #1").fadeIn("slow");

此外，你的观念可能有缺陷。在添加漂亮的jQuery调用之前，最好确保它将以您想要的方式显示。尝试暂时对fadeIn调用进行注释，并临时添加此css类，以确保当图像从一开始就可见时，页面的外观符合您的要求：
.slider #1 {
    display: block;
    width: 700px;
    height: 400px;
}

您的jQuery选择器不正确。试试这个：
$(".slider #1").fadeIn("slow");

此外，你的观念可能有缺陷。在添加漂亮的jQuery调用之前，最好确保它将以您想要的方式显示。尝试暂时对fadeIn调用进行注释，并临时添加此css类，以确保当图像从一开始就可见时，页面的外观符合您的要求：
.slider #1 {
    display: block;
    width: 700px;
    height: 400px;
}

这似乎很好用——我做了一把简化的小提琴：


为什么不把代码也放在一个提琴中呢？很可能这是一个jquery选择器问题，看到代码实际工作会使故障排除变得更容易。
这似乎很好——我做了一个简化的提琴：


为什么不把代码也放在一个提琴中呢？很可能这是一个jquery选择器问题，看到代码实际工作会使故障排除变得更容易。
这似乎很好——我做了一个简化的提琴：


为什么不把代码也放在一个提琴中呢？很可能这是一个jquery选择器问题，看到代码实际工作会使故障排除变得更容易。
这似乎很好——我做了一个简化的提琴：


为什么不把代码也放在一把小提琴上呢？很可能这是一个jquery选择器问题，看到代码实际工作会更容易进行故障排除。
对元素使用数字-id=“1”-这不是一个好主意。尽量避免这种情况。正如@IgorBenikov所说：我已经将问题退回到原来的版本；编辑2删除了很多信息（我想是为了澄清）。使用数字作为元素-id=“1”-不是个好主意。尽量避免这种情况。正如@IgorBenikov所说：我已经将问题退回到原来的版本；编辑2删除了很多信息（我想是为了澄清）。使用数字作为元素-id=“1”-不是个好主意。尽量避免这种情况。正如@IgorBenikov所说：我已经将问题退回到原来的版本；编辑2删除了很多信息（我想是为了澄清）。使用数字作为元素-id=“1”-不是个好主意。尽量避免这种情况。正如@IgorBenikov所说：我已经将问题退回到原来的版本；编辑2删除了很多信息（我想是为了澄清）。@user3188287你的意思是你得到了断开的链接吗？检查您的图像是否存在，并检查控制台中是否存在来自的任何错误jQuery@user3188287你是说你的链接断了？检查您的图像是否存在，并检查控制台中是否存在来自的任何错误jQuery@user3188287你是说你的链接断了？检查您的图像是否存在，并检查控制台中是否存在来自的任何错误jQuery@user3188287你是说你的链接断了？检查您的映像是否存在，检查您的控制台是否有来自jquery的任何错误如果没有加载jquery，您将在控制台中看到很多错误——是吗？或者图像文件上的404？你应该把它作为一个答案。停止使用协议，这样您就不会收到关于混合安全和不安全内容的安全警告——如果您的页面通过https加载，CDN内容也会如此。但我认为，斜杠对于大多数浏览器来说都是必要的。您是否在本地查看您的网页，