Question

我正在尝试根据日期设置有效标签。因此，如果今天是星期二，我需要星期二成为活动标签。我正在使用visual composer插件处理wordpress。我正在研究的Te JQuery，可以正常使用从头开始制作的标签，但是我无法找到正确的类来为标签设置“活动”属性。我正在尝试这个网站是http://ordernow.com.ar/home/，我留下我的js代码供你查看。我正在研究的部分是其他，如果因为今天因为我已经在星期二工作了。但是您可以将该代码复制到您工作日的索引中。非常感谢。

<script>
    (function($){
var today =  new Date();
    var todayIdx = today.getDay();
    

    if (todayIdx === 0) {
        $('li:nth-child(6)').removeClass('active');
        $('li:nth-child(7)').addClass('active');
        $('.block article').hide();
        $('.block  #do1').show();
    }
    else if (todayIdx === 1) {
        $('li:nth-child(7)').removeClass('active');
        $('li:nth-child(1)').addClass('active');
        $('.block article').hide();
        $('.block  #lu1').show();
    }
    else if (todayIdx === 2) {
        $('.w-tabs-item.claselunes').removeClass('active');
        $('.w-tabs-item.clasemartes').addClass('active');
       
    }
    else if (todayIdx === 3) {
        $('li:nth-child(2)').removeClass('active');
        $('li:nth-child(3)').addClass('active');
        $('.block article').hide();
        $('.block  #mi1').show();
    }
    else if (todayIdx === 4) {
        $('li:nth-child(3)').removeClass('active');
        $('li:nth-child(4)').addClass('active');
        $('.block article').hide();
        $('.block  #ju1').show();
    }
    else if (todayIdx === 5) {
        $('li:nth-child(4)').removeClass('active');
        $('li:nth-child(5)').addClass('active');
        $('.block article').hide();
        $('.block  #vi1').show();
    }
    else  {
        $('li:nth-child(5)').removeClass('active');
        $('li:nth-child(6)').addClass('active');
        $('.block article').hide();
        $('.block  #sa1').show();
    }
console.log('jquery cargado con éxito');    
console.log('today:', todayIdx);
})(jQuery);
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

我创建了以下功能，可以按ID切换可视化作曲家标签。

var setVCTab = function(name) {

    var $id = "#"+name; 
    if ($($id).length > 0) {

        setTimeout(function() {

            // Clear tabs
            $(".vc_tta-tab").each(function(i,a) {
                $(a).removeClass("vc_active");
            });


            // Clear panels
            $(".vc_tta-panels").children().each(function() {
                $(this).removeClass("vc_active");
            });


            // Activate Tabs
            $(".vc_tta-tabs-list a[href="+$id+"]").each(
                function(i,a) { var tab = $(a).closest(".vc_tta-tab"); if (tab) tab.addClass("vc_active");}
            );

            // Activate Panel
            $($id).addClass("vc_active");

            location.href = $id;

        },1);
    }

};

因此，您应该可以执行以下操作。

// Map day indices to tab IDs
var days =["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];

// Activate tab for day
setVCTab(days[(new Date()).getDay()]);

在视觉作曲家wordpress中根据日期设置活动标签

1 个答案: