jQuery：如何根据您在导航中的位置产生不同的效果

Question

我有这个：

$('#mask').cycle({ 
    fx: 'scrollLeft',
    timeout: 0, 
    speed:   300, 
    startingSlide: 0 
});

但是在某种情况下，我希望 fx 为scrollRight，比如说当（myCondition == true）时

我该怎么做？

Answer 1

你的意思是这样吗：

var myFx = 'scrollLeft';
if( window.location.href.indexOf('myCondition=true') != -1 ) {
    myFx = 'scrollRight';
}

$('#mask').cycle({  
    fx: myFx,
    timeout: 0,  
    speed:   300,  
    startingSlide: 0  
}); 

Answer 2

我冒险假设要向右滚动，请将 fx: 更改为scrollRight。在这种情况下

if(myCondition == true) {
      $('#mask').cycle({
               fx: 'scrollRight',
               timeout: 0,
               speed: 300,
               startingSlide: 0
       });
} else {
      $('#mask').cycle({
               fx: 'scrollLeft',
               timeout: 0,
               speed: 300,
               startingSlide: 0
       });
}

Answer 3

这应该可行。

(myCondition == true) ? _fx = "scrollLeft" : _fx = "scrollRight";

$('#mask').cycle({ 
    fx: _fx,
    timeout: 0, 
    speed:   300, 
    startingSlide: 0 
});

不过，创建一个 _fx() 函数会更聪明。

function _fx(c) {
     return (c == true) ? "scrollLeft" : "scrollRight";
}