Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我的jQuery不工作-I';我正在尝试将CSS插入到附加了类的元素中_Javascript_Jquery_Css - Fatal编程技术网

Javascript 我的jQuery不工作-I';我正在尝试将CSS插入到附加了类的元素中

Javascript 我的jQuery不工作-I';我正在尝试将CSS插入到附加了类的元素中,javascript,jquery,css,Javascript,Jquery,Css,我试图将CSS插入到附加了类的元素中,这样我就可以将元素的颜色替换为列表中的颜色 它不起作用了 代码如下: <script type="text/javascript"> jQuery(document).ready( function() { var i = 0, colors = ['green', 'red', 'orange', 'brown', 'purple']; function setColor() { jQuery('.fc

我试图将CSS插入到附加了类的元素中,这样我就可以将元素的颜色替换为列表中的颜色

它不起作用了

代码如下:

<script type="text/javascript">
jQuery(document).ready( function() {    
    var i = 0,
    colors = ['green', 'red', 'orange', 'brown', 'purple'];
    function setColor() {
     jQuery('.fc-event-skin').each.eq(i).css('background-color', colors[i  % colors.length]);
          i++;
        if (i == 4) {
            i = 0;
        }
    }})
</script>
你做错了

你做错了

jQuery.each()
已经增加了
i
您不需要这样做。这应该起作用:

jQuery(document).ready(function() {    
   var colors = ['green', 'red', 'orange', 'brown', 'purple'];

   jQuery('.fc-event-skin').each(function(i) {
       jQuery(this).css('background-color', colors[i]);
   });
});
jQuery.each()
已经增加了
i
您不需要这样做。这应该起作用:

jQuery(document).ready(function() {    
   var colors = ['green', 'red', 'orange', 'brown', 'purple'];

   jQuery('.fc-event-skin').each(function(i) {
       jQuery(this).css('background-color', colors[i]);
   });
});

如果出于学习目的,这里有一个更简单的方法来实现这一点:

jQuery(document).ready( function() {    
    var colors = ['green', 'red', 'orange', 'brown', 'purple'];
    jQuery('.fc-event-skin').css("background-color",function(i) {
         return colors[i % colors.length];
    });
});

如果出于学习目的,这里有一个更简单的方法来实现这一点:

jQuery(document).ready( function() {    
    var colors = ['green', 'red', 'orange', 'brown', 'purple'];
    jQuery('.fc-event-skin').css("background-color",function(i) {
         return colors[i % colors.length];
    });
});

请张贴其余的相关代码。到目前为止,您发布的只是一些变量和一个没有被任何东西调用的函数。setColor()已定义,但从未调用过?
(此)
应该是
$(此)
jQuery(此)
,请检查错误控制台!!!非常感谢。抱歉,正在尝试快速编辑!哈哈,请把剩下的相关代码贴出来。到目前为止,您发布的只是一些变量和一个没有被任何东西调用的函数。setColor()已定义,但从未调用过?
(此)
应该是
$(此)
jQuery(此)
,请检查错误控制台!!!非常感谢。抱歉,正在尝试快速编辑!哈哈。你没有调用setColor函数,至少在你提供的代码中没有。定义“不工作”。做一些调试。我去掉了setColor,去掉了所有命名函数。新代码位于顶部。对不起,我很惊慌,我以为这会很简单,而且我已经用了比分配给我的时间多得多的时间!如果您了解每个的实际工作原理,这将有所帮助。它起作用了!我是个白痴。是的。我仍然在练习jQuery,而不是标准的JSYes。让我选择它。您没有调用setColor函数,至少在您提供的代码中没有。定义“不工作”。做一些调试。我去掉了setColor,去掉了所有命名函数。新代码位于顶部。对不起,我很惊慌,我以为这会很简单,而且我已经用了比分配给我的时间多得多的时间!如果您了解每个的实际工作原理,这将有所帮助。它起作用了!我是个白痴。是的。我仍然在练习jQuery,而不是标准的JSYes。让我选择它。