2013-03-13 61 views
0

我想在不同的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; 
    }); 
}); 

對不起,英語,我米法國

回答

1

你可能想解除綁定:http://api.jquery.com/unbind/

如果您正在使用的(),你也可以使用關():http://api.jquery.com/off/

+0

謝謝你的答案。我不確定是否需要unbin()或off()。例如,當頁面加載時,3D查看器加載。如果我在頁面加載時不顯示任何內容,當我單擊3D切換按鈕時,它不會顯示,因爲我需要加載3D查看器腳本。我想加載腳本並在點擊按鈕上卸載腳本。 – lolo 2013-03-13 20:37:19