jQuery函数、setInterval或已创建函数，不工作_Jquery_Css_Html

jQuery函数、setInterval或已创建函数，不工作

jquery css html

jQuery函数、setInterval或已创建函数，不工作,jquery,css,html,Jquery,Css,Html,我正在尝试在网页上创建幻灯片。我粘贴了整个代码，以防遗漏什么。我尝试通过链接和文件包含jquery库。我还尝试将js代码包含在html中，并作为一个单独的文件，但仍然没有结果。它只显示按钮，没有图像，我删除了显示：没有部分的风格和图像存在 <!DOCTYPE html> <html> <head <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.mi

我正在尝试在网页上创建幻灯片。我粘贴了整个代码，以防遗漏什么。我尝试通过链接和文件包含jquery库。我还尝试将js代码包含在html中，并作为一个单独的文件，但仍然没有结果。它只显示按钮，没有图像，我删除了显示：没有部分的风格和图像存在

   <!DOCTYPE html>
    <html>
    <head
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
    </script>
    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/
                                 1.10.4/themes/smoothness/jquery-ui.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/
                 1.10.4/jquery-ui.min.js">
    </script>
    <script type="text/javascript" src="js\jquery.js">
    </script>
    <style type="text/css">

    .slider{
        width: 600px;
        height: 350px;
        margin: 30px auto;
        background-image: url(ajax-loader.gif);
        background-position: center;
        background-repeat: no-repeat;
    }

    .slider img{
        width: 600px;
        height:350px;
        display: none;
    }

    .shadow{
        background-image: url(C:\Users\socsci1\Desktop\slider\
                              images\shadow.png);
        background-repeat: no-repeat;
        background-position: top;
        width: 664px;
        height: 144px;
        margin: -60px;
    }

    a{
        padding: 5px 10px;
        background-color: #F0F0F0;
        margin-top: 30px;
        text-decoration: none;
        color: #555;
    }
    a.right {
        float: right;
    }
    a.left {
        float: left;
    }

    </style>


    <script type="text/javascript">

    function Slider (){
        $(".slider#1").show("fade",500);
        $(".slider#1").delay(5500).hide("slide",{direction:'left'},500);

    var sc = $(".slider img").size();
    var count = 2;

        setInterval(function(){
        $(".slider#"+count).show("slide",{direction: 'right'},500);
        $(".slider#1").delay(5500).hide("slide",{direction:'lefty'},500);

        if (count == sc) {
            count = 1;
        }else {
            count = count+1;
            }
        },5000);
    }
    </script>
    </head>

    <body onload="Slider();">

    <div class ="slider">
            <img id="1" src="images/number-1.jpg" border="0" />
            <img id="2" src="images/number-2.jpg" border="0" />
            <img id="3" src="images/number-3.png" border="0" />
            <img id="4" src="images/number-4.jpg" border="0" />
        <a href="#" class="left">Previous</a>
        <a href="#" class="right">Next</a>
    </div>

    <div class="shadow"></div>

    </body>
    </html>


您的选择器中似乎缺少空间，这意味着您瞄准了错误的级别
要按您使用的父类将父类的子类作为目标，请执行以下操作：
$（'.parentclass childSelector'）
-请注意空格-childSelector
在您的示例中是#1。
这将为您提供$（'.slider#1'）

在您的例子中，正如msquitieri提到的，您使用的是Id，它在HTML中必须是唯一的。因此，您可以直接找到它，例如$（“#1”）。
使用父选择器的好处是它缩小了您正在进行的搜索的上下文范围，如果您有一个要遍历的大型DOM，这可能会很有用
对于您的问题（看不到任何图像），可以考虑的其他可能性有：

确保在调用方法之前等待jQuery准备就绪。我倾向于使用$（document）.ready（函数{}）作为语法。如果页面在javascript文件加载完成之前呈现，则可能会出现问题

检查图像的路径是否正确，即在没有javascript的情况下是否正确显示

考虑为我们创建一个应用程序，将图像和最小的html、css和js放在其中。它将帮助我们帮助您，并且可能会再次帮助您完成此过程。
您的选择器中似乎缺少空间，这意味着您的目标级别错误
要按您使用的父类将父类的子类作为目标，请执行以下操作：
$（'.parentclass childSelector'）
-请注意空格-childSelector
在您的示例中是#1。
这将为您提供$（'.slider#1'）

在您的例子中，正如msquitieri提到的，您使用的是Id，它在HTML中必须是唯一的。因此，您可以直接找到它，例如$（“#1”）。
使用父选择器的好处是它缩小了您正在进行的搜索的上下文范围，如果您有一个要遍历的大型DOM，这可能会很有用
对于您的问题（看不到任何图像），可以考虑的其他可能性有：

确保在调用方法之前等待jQuery准备就绪。我倾向于使用$（document）.ready（函数{}）作为语法。如果页面在javascript文件加载完成之前呈现，则可能会出现问题

检查图像的路径是否正确，即在没有javascript的情况下是否正确显示

考虑为我们创建一个应用程序，将图像和最小的html、css和js放在其中。它将帮助我们帮助您，并且可能会再次帮助您完成此过程。
您的选择器中似乎缺少空间，这意味着您的目标级别错误
要按您使用的父类将父类的子类作为目标，请执行以下操作：
$（'.parentclass childSelector'）
-请注意空格-childSelector
在您的示例中是#1。
这将为您提供$（'.slider#1'）

在您的例子中，正如msquitieri提到的，您使用的是Id，它在HTML中必须是唯一的。因此，您可以直接找到它，例如$（“#1”）。
使用父选择器的好处是它缩小了您正在进行的搜索的上下文范围，如果您有一个要遍历的大型DOM，这可能会很有用
对于您的问题（看不到任何图像），可以考虑的其他可能性有：

确保在调用方法之前等待jQuery准备就绪。我倾向于使用$（document）.ready（函数{}）作为语法。如果页面在javascript文件加载完成之前呈现，则可能会出现问题

检查图像的路径是否正确，即在没有javascript的情况下是否正确显示

考虑为我们创建一个应用程序，将图像和最小的html、css和js放在其中。它将帮助我们帮助您，并且可能会再次帮助您完成此过程。
您的选择器中似乎缺少空间，这意味着您的目标级别错误
要按您使用的父类将父类的子类作为目标，请执行以下操作：
$（'.parentclass childSelector'）
-请注意空格-childSelector
在您的示例中是#1。
这将为您提供$（'.slider#1'）

在您的例子中，正如msquitieri提到的，您使用的是Id，它在HTML中必须是唯一的。因此，您可以直接找到它，例如$（“#1”）。
使用父选择器的好处是它缩小了您正在进行的搜索的上下文范围，如果您有一个要遍历的大型DOM，这可能会很有用
对于您的问题（看不到任何图像），可以考虑的其他可能性有：

确保在调用方法之前等待jQuery准备就绪。我倾向于使用$（document）.ready（函数{}）作为语法。如果页面在javascript文件加载完成之前呈现，则可能会出现问题

检查图像的路径是否正确，即在没有javascript的情况下是否正确显示

考虑为我们创建一个应用程序，将图像和最小的html、css和js放在其中。它将帮助我们帮助您，并且可能会再次帮助您完成此过程。
ID不应纯粹由数字组成。HTML5允许它，但它仍然不是一个好主意。而且，ID是唯一的，所以您不必指定类。因此，可以将$（'.slider#1'）设为$（'#1'）。出现了什么问题？什么不是w