SlideJS隐藏仅适用于一次
SlidesJS hide works one time only
我制作了5张幻灯片,并为他们制作了一个隐藏幻灯片jquery,我的问题是,在我展示了隐藏的幻灯片后,他们不再响应,这只是幻灯片最后一张图片的静态图像。
<div class="container">
<div id="slides">
<img src="img/room1.jpg" />
<img src="img/bathroom1.jpg" />
<img src="img/diningroom1.jpg" />
<img src="img/balcony1.jpg" />
</div>
<div id="slides0">
<img src="img/room1.jpg" />
<img src="img/bathroom1.jpg" />
<img src="img/diningroom1.jpg" />
<img src="img/balcony1.jpg" />
</div>
<div id="slides1">
<img src="img/room.jpg" />
<img src="img/bathroom.jpg" />
<img src="img/diningroom.jpg" />
<img src="img/balcony.jpg" />
</div>
<div id="slides2">
<img src="img/room1.jpg" />
<img src="img/bathroom1.jpg" />
<img src="img/diningroom1.jpg" />
<img src="img/balcony1.jpg" />
</div>
<div id="slides3">
<img src="img/room.jpg" />
<img src="img/bathroom.jpg" />
<img src="img/diningroom.jpg" />
<img src="img/balcony.jpg" />
</div>
</div>
那么我的隐藏显示jquery是
// JavaScript Document
$(function() {
$("#slides").show();
$("#slides0,#slides1,#slides2,#slides3").hide();
$("#intro").click(function(){
$("#slides0,#slides1,#slides2,#slides3").hide();
});
$("#intro").click(function(){
$("#slides").show();
});
$("#single").click(function(){
$("#slides,#slides1,#slides2,#slides3").hide();
});
$("#single").click(function(){
$("#slides0").show();
});
$("#double").click(function(){
$("#slides,#slides0,#slides2,#slides3").hide();
});
$("#double").click(function(){
$("#slides1").show();
});
$("#family").click(function(){
$("#slides,#slides0,#slides1,#slides3").hide();
});
$("#family").click(function(){
$("#slides2").show();
});
$("#deluxe").click(function(){
$("#slides,#slides0,#slides1,#slides2").hide();
});
$("#deluxe").click(function(){
$("#slides3").show();
});
});
以及SlideJs制作的滑块jquery,我为多个幻灯片添加了它
// JavaScript Document
$(function() {
$('#slides').slidesjs({
width: 940,
height: 300,
play: {
active: true,
auto: true,
interval: 4000,
swap: true
}
});
$('#slides0').slidesjs({
width: 940,
height: 300,
play: {
active: true,
auto: true,
interval: 4000,
swap: true
}
});
$('#slides1').slidesjs({
width: 940,
height: 300,
play: {
active: true,
auto: true,
interval: 4000,
swap: true
}
});
$('#slides2').slidesjs({
width: 940,
height: 300,
play: {
active: true,
auto: true,
interval: 4000,
swap: true
}
});
$('#slides3').slidesjs({
width: 940,
height: 300,
play: {
active: true,
auto: true,
interval: 4000,
swap: true
}
});
});
这是网页:Slider
您在Slide.Js被调用后隐藏/显示幻灯片,因为它们不起作用。尝试将最后一块代码封装在一个函数中,并在每次执行第二块代码时调用它
首先,你不应该重复这些功能,做一些类似的事情
function active_slidesjs(slidesID){//slidesID is your elements
slidesID.slidesjs({
width: 940,
height: 300,
play: {
active: true,
auto: true,
interval: 4000,
swap: true
}
});
}
然后当你点击你的元素时,调用像这样的函数
$("#single").click(function(){
$("#slides,#slides1,#slides2,#slides3").hide();
active_slidesjs($(this));
});
语法可能是错误的,但想法是存在
相关文章:
- 在上一次响应时隐藏Qualtrics项目-Javascript
- 一次显示一个隐藏指令-AngularJS
- 单击其他元素或鼠标向上时隐藏输入框,但保留一次焦点
- Javascript 计时器只调用一次 Code 隐藏方法
- 一次显示/隐藏一个Javascript
- jQuery隐藏只触发一次
- SlideJS隐藏仅适用于一次
- 删除/隐藏链接后最后一次出现的字符串
- 角度材质$mdDialog隐藏一次后不显示
- 如何修复此代码以显示 10 秒并一次又一次地永远隐藏 10 秒
- 使用javascript一次加载/取消隐藏一个图像
- jQuery通过关闭/隐藏一次切换一个元素
- javascript循环需要显示隐藏列表onclick一次一个
- Twitter引导程序模式隐藏事件只触发一次
- jQuery-隐藏在Chrome中无法正常工作的显示(只能工作一次)
- 我如何才能得到一个表单提交只有一次隐藏的值已经从谷歌地理编码服务更新
- 显示/隐藏或切换具有相同类的多个元素,单击时一次只显示一个
- 如何一次隐藏高度表中的所有级数?
- 隐藏/显示功能一次只工作一个?——Jquery
- 一次隐藏多个元素的任何更好方法