1

私は現在、iPad用の小さなWebアプリを開発しています。今私はtouchsliderを使用しています。小さな「ズーム機能」では、トグル機能を使用して、いくつかのdivを表示および非表示にします。ここで、タッチスライダーを停止して、ユーザーがスライドをスワイプできないようにします。ただし、ユーザーが＃zoom1ボタンを切り替えるまでは、この時点でスライダーが再び使用可能になります。バインドを解除し、スライダーを停止して開始しようとしましたが、間違った方向に進んでいるようです...

$(".touchslider15").touchSlider({
container: this,
duration: 350, 
delay: 3000, 
margin: 0,
mouseTouch: true,
autoplay: false, 
viewport: ".touchslider-viewport15"}); 

$("#zoom1").toggle(function(){
$('#header').hide();
$(".touchslider15").unbind('touchSlider', touchSlider);
},function(){ 
    $('#header').show();
});
4

2 に答える 2

1

それは次のようなものです：

var state=true;

$(".touchslider15").touchSlider({
    container: this,
    duration: 350, 
    delay: 3000, 
    margin: 0,
    mouseTouch: true,
    autoplay: false, 
    viewport: ".touchslider-viewport15"
}); 

$("#zoom1").on('click', function() {
    $(".touchslider15").data("touchslider")[state?'stop':'start']();
    $("#header").toggle(!state);
    state=!state;
});

編集：うまくいくかどうかはわかりませんが、試すことができます：

$("#zoom1").on('click', function() {
    if (state) {
        var elem = $(".touchslider15").clone(false);
        $(".touchslider15").replaceWith(elem);
    }else{
        $(".touchslider15").touchSlider({
            container: this,
            duration: 350, 
            delay: 3000, 
            margin: 0,
            mouseTouch: true,
            autoplay: false, 
            viewport: ".touchslider-viewport15"
        }); 
    }
    $("#header").toggle(!state);
    state=!state;
});
于 2012-08-31T15:10:08.183 に答える
0

それ以外の

 $("#zoom1").on('click', function() {
    if (state) {

試す

$("#zoom1").one('click', function() {
    if (state) {
于 2013-03-04T08:38:32.080 に答える