異なるjqueryプラグインを切り替えたい:一方がアクティブ化(有効化)されているときに、一方を非アクティブ化(無効化)します。
touchslider (github.com/iosscripts/iosSlider) と 3D ビューアー (github.com/creativeaura/threesixty-slider) がある html ページがあります。
ボタンのおかげで、2D ビュー (iosslider) と 3D ビュー (3 60 スライダー) を切り替えたいと思います。一度に 1 つだけ有効にしたい。
フィドルを作成しました (3D ビューアーが機能しません。理由はわかりません): http://fiddle.jshell.net/TL72w/1/
これが私のウェブサイトです。2D ビューと 3D ビューは正常に動作しますが、いくつかの競合があります (同時にアクティブ化されるため): http://freakyshape.com/
これは表示するスクリプトです: none 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;
});
});
英語でごめんなさい、私はフランス人です