Jquery javascript未与html文件链接_Jquery_Slider

Jquery javascript未与html文件链接

jquery

Jquery javascript未与html文件链接,jquery,slider,Jquery,Slider,我正在尝试使用jQuery创建一个滑块，但在将javascript文件链接到html时遇到了困难。我已经检查了语义错误，但似乎找不到任何错误。css没有问题-只有javascript似乎不起作用 <!doctype html> <head> <title> content slider </title> <link rel="stylesheet" href="css/style.css"> <script type="text

我正在尝试使用jQuery创建一个滑块，但在将javascript文件链接到html时遇到了困难。我已经检查了语义错误，但似乎找不到任何错误。css没有问题-只有javascript似乎不起作用

<!doctype html>
<head>
<title>
content slider
</title>

<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src = "jquery.js"></script>
<script type="text/javascript"  src="js/script.js"></script> 

</head>
<body>
<div id="container">
<header>
<h1>JQUERY CONTENT SLIDER</h1>
</header> 
<img src = "img/left.png" id="prev"  alt="prev" >
<div id="slider">
<div class = "slide" >
<div class = "slide-copy">
<h2>slider 1</h2>
<p background="black">this is slide one</p>
</div>
<img src="img/slider.png">

</div> 
<div class="slide " >
<div class= "slide copy">
<h2>slider 2</h2>
<p>this is slide two</p>
</div>
<img src="img/slider1.jpg">

</div> 
<div class="slide " >
<div class= "slide copy">
<h2>slider 3</h2>
<p>this is slide three</p>
</div>
<img src="img/slider2.jpg">

</div> 
<div class="slide " >
<div class= "slide copy">
<h2>slider 4</h2>
<p background="black">this is slide four</p>
</div>
<img src="img/slider3.jpg">

</div> 
<div class="slide" >
<div class= "slide copy">
<h2>slider 5</h2>
<p tex ="black">this is slide five</p>
</div>
<img src="img/2722526.png">

</div> 
</div>
<img src = "img/slide-image.png"  id="next" alt="next">



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

试着替换

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

与

尝试更换

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

与

我建议使用chrome开发者工具：
1.按F12键
2.一旦开发者工具在chrome中打开，按ESC键打开控制台

一旦到达，您将在代码的第50行看到错误，这是一个额外的标记，在控制台日志中，错误将如下所示：

Uncaught SyntaxError: Unexpected token }         script.js:50

在JS中的函数中，需要传递活动变量

function nextslide(active){
    $(active).removeclass('active').addclass('oldactive');
    if($('.oldactive').is('last-child')){
        $('.slide').first().addclass('active');
    }else{
    $('.oldactive').next().addclass('active');
    }
    $('.oldactive').removeclass('oldactive');
    $('.slide').fadeout(speed);
    $('.active').fadein(speed);
}
function prevslide(active){
    $(active).removeclass('active').addclass('oldactive');
    if($('.oldactive').is('first-child')){
        $('.slide').last().addclass('active');
    }else{
        $('oldactive').prev().addclass('active');
    }
    $('.oldactive').removeclass('oldactive');
    $('.slide').fadeout(speed);
    $('.active').fadein(speed);
}
});

Uncaught SyntaxError: Unexpected token }         script.js:50

在JS中的函数中，需要传递活动变量

function nextslide(active){
    $(active).removeclass('active').addclass('oldactive');
    if($('.oldactive').is('last-child')){
        $('.slide').first().addclass('active');
    }else{
    $('.oldactive').next().addclass('active');
    }
    $('.oldactive').removeclass('oldactive');
    $('.slide').fadeout(speed);
    $('.active').fadein(speed);
}
function prevslide(active){
    $(active).removeclass('active').addclass('oldactive');
    if($('.oldactive').is('first-child')){
        $('.slide').last().addclass('active');
    }else{
        $('oldactive').prev().addclass('active');
    }
    $('.oldactive').removeclass('oldactive');
    $('.slide').fadeout(speed);
    $('.active').fadein(speed);
}
});

我已经查过你的密码了。最后两个括号似乎是多余的。
试试下面的代码

$('#next').on('click',nextslide);
$('#prev').on('click',prevslide);
//autoslider handler
if( autoswitch == true );{
    setinterval(nextslide.autoswitch_speed);
}
// switch to next slide
function nextslide(){
    $(active).removeclass('active').addclass('oldactive');
    if($('.oldactive').is('last-child')){
        $('.slide').first().addclass('active');

    }else{
        $('.oldactive').next().addclass('active');

    }
    $('.oldactive').removeclass('oldactive');
    $('.slide').fadeout(speed);
    $('.active').fadein(speed);
}
});
//
function prevslide(){
    $(active).removeclass('active').addclass('oldactive');
    if($('.oldactive').is('first-child')){
        $('.slide').last().addclass('active');

    }else{
        $('oldactive').prev().addclass('active');

    }
    $('.oldactive').removeclass('oldactive');
    $('.slide').fadeout(speed);
    $('.active').fadein(speed);
}

我已经查过你的密码了。最后两个括号似乎是多余的。
试试下面的代码

$('#next').on('click',nextslide);
$('#prev').on('click',prevslide);
//autoslider handler
if( autoswitch == true );{
    setinterval(nextslide.autoswitch_speed);
}
// switch to next slide
function nextslide(){
    $(active).removeclass('active').addclass('oldactive');
    if($('.oldactive').is('last-child')){
        $('.slide').first().addclass('active');

    }else{
        $('.oldactive').next().addclass('active');

    }
    $('.oldactive').removeclass('oldactive');
    $('.slide').fadeout(speed);
    $('.active').fadein(speed);
}
});
//
function prevslide(){
    $(active).removeclass('active').addclass('oldactive');
    if($('.oldactive').is('first-child')){
        $('.slide').last().addclass('active');

    }else{
        $('oldactive').prev().addclass('active');

    }
    $('.oldactive').removeclass('oldactive');
    $('.slide').fadeout(speed);
    $('.active').fadein(speed);
}

试试这个：

HTML:

试试这个：

HTML:

什么是

$（'active'）.show（）应该怎么做？是否要选择类处于活动状态的图元？那么，您的选择器中缺少一个点……您也使用了不带引号的版本：$（活动）
是的，我在第8行中这样做了，在chrome中打开它并检查源文件，看看jQuery和您的脚本文件是否正在加载-可能您的路径错误确定我更改了它。active是一个类，但仍然没有链接什么是$（'active'）。show（）应该怎么做？是否要选择类处于活动状态的图元？那么，您的选择器中缺少一个点……您也使用了不带引号的版本：$（活动）
是的，我在第8行中这样做了，在chrome中打开它，检查源文件，看看是否真的加载了jQuery和脚本文件-可能路径错误确定我更改了它。active是一个类，但仍然没有链接否仍然相同，我还尝试交换了两个脚本标记否仍然相同，我还尝试交换了两个脚本标记script tagsjs/script.js代码有很多语法错误，你需要非常小心camelCase。js/script.js代码有很多语法错误，你需要非常小心camelCase。