如何使 click 函数中的 var 全局可用

Question

我有两个点击事件，一个是触发页面转换

  $('.pt-trigger').click(function() {
      $pageTrigger = $(this);
      // e.preventDefault();
      setTimeout(function() { Animate($pageTrigger); }, delay);
    });

另一个动画轮播

$('.carousel .item').click(function(e) {
        var index = $(this).index('li');
        carousel.cycleActiveTo(index);
        e.preventDefault();


        if (currentIndex != index) {
            var difference;

            if (currentIndex == 0 && index >= 5) {
                difference = (index - currentIndex) - 13;
            } else {
                difference = index - currentIndex;
            }

            difference = Math.abs(difference);
            delay = difference * options.duration;
            currentIndex = index;

            setTimeout(goToLink, delay);
            // console.log(delay);
        } else {
            // Animate();
        }
    });

我无法使轮播点击事件中生成的delay变量可以被页面转换点击事件访问。

基本上我只需要将这两件事一起计时，有没有比我现在做的更好的方法？

这是网站 - http://stfn.herokuapp.com/ 而上面sn-ps的代码行是403和1033

Answer 1

不确定 jquery。但是如果是 yplain js，请尝试使用唯一命名的全局变量，并具有 setter 和 getter 访问权限。在链接到轮播事件的函数中设置，然后进入页面转换事件。

类似：

var carouselTransitionDelay;

function setCarouselTransitionDelay(delay) {
    carouselTransitionDelay=delay;
}

function getCarouselTransitionDelay(){
    return carouselTransitionDelay;
}

Answer 2

像这样？

// define delay in global scope
// delay needs a default value, in case a pt-trigger is clicked before
// using the slider, change 1000 to suit your needs.
var delay = 1000;

// line 403
$('.pt-trigger').click(function() {
    $pageTrigger = $(this);
    // e.preventDefault();
    // console.log('read delay', delay);
    setTimeout(function() { Animate($pageTrigger); }, delay);
});

// line 1033
$('.carousel .item').click(function(e) {
    var index = $(this).index('li');
    carousel.cycleActiveTo(index);
    e.preventDefault();


    if (currentIndex != index) {
        var difference;

        if (currentIndex == 0 && index >= 5) {
            difference = (index - currentIndex) - 13;
        } else {
            difference = index - currentIndex;
        }

        difference = Math.abs(difference);
        delay = difference * options.duration;
        // console.log('set delay', delay);
        currentIndex = index;

        setTimeout(goToLink, delay);
    } else {
        // Animate();
    }
});