时间戳

首页 > 解决方案 > jQuery在加载更多按钮单击以设置日历事件样式后运行函数

jquery - jQuery在加载更多按钮单击以设置日历事件样式后运行函数

问题描述

我一直在使用 Wordpress 日历来设置活动标题的样式，但遇到了一个小问题。当用户单击加载更多按钮时，不会设置其他事件的样式。

我的原始代码适用于页面加载，但我正在考虑添加另一个函数，该函数在短暂延迟后按下按钮后执行。

我试图修改我的原始代码以使用按钮按下和延迟，但我无法让它工作。我下面的代码中是否还有其他方法或缺少某些内容。再次感谢所有帮助。

jQuery(function($){
    
$("mec-load-more-button").click(
    function() {
        console.log("clicked...waiting...");

        setTimeout(
            function() {
                
            $(".mec-bg-color ").each(function() {
  //use find to get text
    console.log($(this).find(".mec-event-loc-place").text());
    var text = $(this).find(".mec-event-loc-place").text().toLowerCase();
    var color = {
      'background-color': '#fff'
    };

    switch (text) {
      case "southern":
        color = "#ce1870";
        break;
      case "south eastern":
        color = "#00635b";
        break;
      case "belfast":
        color = "#7c318b";
        break;
       case "northern":
        color = "#b31212";
        break;
        case "western":
        color = "#ca9c05";
        break;
        
    }
    $(this).css("background-color", color);
               

            },
            2000);
    });
});

标签： jquerywordpress

解决方案

您可能缺少“。” 在您的点击目标上（如果 mec-load-more-button 是一个类），否则您根本没有定位任何东西

$(".mec-load-more-button").click(...

如果第一个控制台日志仍然无法正常工作，请尝试像这样更改单击事件

$(".mec-load-more-button").on('click', function(e){ 
  ...
});

推荐阅读