我想在不同的jquery插件之間切換:當另一個被激活(啓用)時禁用一個。啓用禁用jquery腳本onclick
我有一個HTML頁面,其中有一個touchslider(github.com/iosscripts/iosSlider)和一個3D查看器(github.com/creativeaura/threesixty-slider)。
我想在2D視圖(ioslider)和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;
});
});
對不起,英語,我米法國
謝謝你的答案。我不確定是否需要unbin()或off()。例如,當頁面加載時,3D查看器加載。如果我在頁面加載時不顯示任何內容,當我單擊3D切換按鈕時,它不會顯示,因爲我需要加載3D查看器腳本。我想加載腳本並在點擊按鈕上卸載腳本。 – lolo 2013-03-13 20:37:19