Jquery Fullpage.js-幻灯片不能滑动或显示内容
我无法让幻灯片的内容显示出来,也无法让它们循环播放。正确的 页面链接显示ie.index3.html#secondPage/slide1。。。。。。 但屏幕保持不变,因为我使用水平按钮或键盘左右移动 这是我的密码: 非常标准,因为我甚至不能得到一个粗糙的网站去Jquery Fullpage.js-幻灯片不能滑动或显示内容,jquery,html,slide,fullpage.js,Jquery,Html,Slide,Fullpage.js,我无法让幻灯片的内容显示出来,也无法让它们循环播放。正确的 页面链接显示ie.index3.html#secondPage/slide1。。。。。。 但屏幕保持不变,因为我使用水平按钮或键盘左右移动 这是我的密码: 非常标准,因为我甚至不能得到一个粗糙的网站去 <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="jquery.fullPage.css" /&
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="jquery.fullPage.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type=
"text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="vendors/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="jquery.fullPage.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#fullpage').fullpage({
anchors: ['firstPage', 'secondPage', '3rdPage'],
slidesColor: ['#8FB98B', '#DE564B', '#EAE1C0'],
slidesNavigation: true,
scrollOverflow: true
});
});
</script>
</head>
<body>
<div id="fullpage">
<div class="section " id="section0">
<div class="intro">
<img src="imgs/1.png" alt="1"/>
<h1>Sliders navigation dots</h1>
<p>Create a navigation for your landscape sliders</p>
</div>
</div>
<div class="section" id="section1">
<div class="slide" id="slide1" data-anchor="slide1">
<div class="intro">
<h1>Clickable</h1>
<p>
You can even click on the navigation and jump directly to another section.
</p>
</div>
</div>
<div class="slide" id="slide2" data-anchor="slide2">
<h1>Slide 2</h1>
</div>
<div class="slide" id="slide3" data-anchor="slide3">
<h1>Slide 3</h1>
</div> <div class="slide" id="slide4" data-anchor="slide4">
<h1>Slide 4</h1>
</div>
<div class="slide" id="slide5" data-anchor="slide5">
<h1>Slide 5</h1>
</div>
</div>
<div class="section" id="section2">
<div class="intro">
<h1>Enjoy it</h1>
</div>
</div>
</div>
</body>
</html>
$(文档).ready(函数(){
$(“#全页”)。全页({
锚定:['firstPage','secondPage','3rdPage'],
幻灯片颜色:[“8FB98B”、“DE564B”、“EAE1C0”],
幻灯片导航:正确,
scrollOverflow:真
});
});
滑块导航点
为横向滑块创建导航
可点击
您甚至可以单击导航并直接跳到另一个部分。
幻灯片2
幻灯片3
幻灯片4
幻灯片5
享受吧
浏览器控制台中出现任何错误?您的HTML标记和初始化工作正常:检查javascript控制台。控制台中也没有错误。真奇怪。突然有一天再也没有滑动了。我可以查看其他网站,但不能查看我的服务器。这可能是一个托管问题吗?