jquery - 为滑块组合两个 jquery 函数

Question

嘿，我有两个功能，我有一个带有深度链接的滑块。有一个与滑块配对的轮播，当滑块移动到下一张幻灯片时，事件会提示轮播移动到下一张幻灯片并切换类。问题是当您使用深层链接加载页面时没有事件，所以它不会突出显示拇指，所以我有两个单独的功能，它们似乎重复，我想知道是否有办法将它们组合起来？

$(function() {
    if(portfolio_slide_TOTAL.currSlideId == 4) {
        // your code here!
        $('#portfolio_carousel_thumbs').data('touchCarousel').goTo(4);
        $("#color_goto").addClass("library_thumb_active");
    }
});
$(function() {
    portfolio_slide_TOTAL.ev.on('rsAfterSlideChange', function() {
        if(portfolio_slide_TOTAL.currSlideId == 4) {
            // your code here!
            $('#portfolio_carousel_thumbs').data('touchCarousel').goTo(4);
        }
    });
});

Answer 1

尝试 ：

$(function() {
    var flag=true;
    test_slide(); //runs first

    portfolio_slide_TOTAL.ev.on('rsAfterSlideChange', test_slide);

    function test_slide() {
        if(portfolio_slide_TOTAL.currSlideId == 4) {
            // your code here!
            $('#portfolio_carousel_thumbs').data('touchCarousel').goTo(4);
            if (flag) {
                $("#color_goto").addClass("library_thumb_active"); //only on first
                flag=false; //set flag to false after first run
            }
        }

    }
});    ​