我想在不同的 jquery 插件之间切换:在另一个被激活(启用)时停用(禁用)一个。
我有一个 html 页面,其中有一个 touchslider (github.com/iosscripts/iosSlider) 和一个 3D 查看器 (github.com/creativeaura/threesixty-slider)。
我想通过一个按钮在 2D 视图(iosslider)和 3D 视图(三个六十滑块)之间切换。我只想一次启用一个。
我创建了一个小提琴(3D 查看器不起作用,我不知道为什么): http: //fiddle.jshell.net/TL72w/1/
这是我的网站,2D 和 3D 视图工作正常,但有一些冲突(因为它们同时被激活): http: //freakyshape.com/
这是显示的脚本:没有 2D 和 3D 查看器(我想添加启用禁用 jquery 查看器):
$(document).ready(function() {
$("a.on.tggl").click(function() {
$(this).addClass("active");
$(this).next(".tggl").removeClass("active");
$('.container-iosSlider').css('display', 'block');
$('.360-viewer').css('display', 'none');
$('.custom_nav_bar').css('display', 'none');
return false;
});
$("a.off.tggl").click(function() {
$(this).addClass("active");
$(this).prev(".tggl").removeClass("active");
$('.container-iosSlider').css('display', 'none');
$('.360-viewer').css('display', 'block');
$('.custom_nav_bar').css('display', 'block');
return false;
});
$("a.on.pshbtn").click(function() {
$(this).addClass("active");
$("a.off.pshbtn").removeClass("active");
return false;
});
$("a.off.pshbtn").click(function() {
$(this).addClass("active");
$("a.on.pshbtn").removeClass("active");
return false;
});
});
对不起英语,我是法国人