CSS Error in JQuery FullCalendar when using Google Chrome

1

I'm working with the JQuery library FullCalendar and I have a function that paints certain calendar lines according to a condition.

The function works perfectly in Internet Explorer, but in Goolge Chrome the lines are not painted.

I have tried to change .css('background-color', '#FFFFFF;') by .style.backgroundColor="#FFFFFF;" , but nothing happens.

What is the best way to change the background color of an element to be correctly displayed in Google Chrome? Below is the code. The symbols '>' , '<' , '&&' , etc. have been replaced by the corresponding HTML entities because this function is in a .XHTML of JSF file.

if(timeSlot &gt;= str &amp;&amp; timeSlot &lt; obj.horaTermino)      
//Change 13 and 18 according to what you need
{


  $(this).closest('tr').css('background-color', '#FFFFFF;');
    //$(this).closest('tr').style.backgroundColor="#FFFFFF;";


}
    
asked by anonymous 26.05.2015 / 18:26

2 answers

1

I got a response in StackOverFlow in English that solved the problem. I simply needed to remove the final semicolon, thus leaving the code:

$(this).closest('tr').css('background-color', '#FFFFFF');

Follow the link: link

    
27.05.2015 / 16:49
0
 $(this).closest('tr').css('background-color', '#FFFFFF!important;');

See if in Inspect Element Chrome it is adding white background to the object.

! important prioritizes the property in which it is being assigned if it has the same property in the same element.

    
26.05.2015 / 19:08