css - jQuery .append() not working in IE, Safari, and Chrome -

I am using jQuery's AJAX function to read some XML for myself and it worked fine. But now I am trying to manipulate the display property of 4 different dynamically generated divisions when the mouseup option is triggered by items. The size of the divisions and X / Y are determined by XML and parsed through them.

My problem lies in the fact that these devices are either not being generated or are not visible in IE only, in Safari, and Chrome, they work in Firefox and Opera. Am using .append () to create divs and then to manipulate them .css () function Appearing in Chrome's developer tools, I see that the CSS property is changing in the script, the property is being overridden in the stylesheet. Any fix?

The division is created here:

  case "dynamic": var n = name; Adintender ("
 

The mouseup function which changes the display property:

  $ ('# StubTemplates'). ('. Ddindent'). {Var tVal = $ (this) .val (); Var tTitle = $ (this) .attr ('title'); If (! StubActive) {$ ('. StubEditable') CSS ('Display', 'none' $ '(' # '+ TVal). CSS (' Display ',' Block '); stubActive = true;} and {$ (' StubEditable '). CSS (' Display ' , 'None'); $ ('#' + TVL). CSS ('display', 'block'); stubActive = false;}}); $ ('# StubTemplates') ('# StubTempNone'). MouseWuppe (function () {$ ('. StubEditable'). CSS ('display', 'none');); $ ('# Body templates') ('Deedentent'). Mouse Up (function () {var tVal = $ (this) .val (); var tTitle = $ (this) .attr ('title'); if ($ BodyActive). $ Css ('display', 'none') ; $ ('#' + TVal) .css ('display', 'block'); bodyActive = true;} else {$ ('. BodyEditable'). CSS ('display', 'none'); $ ('#' + TVL). CSS ('display', 'block'); bodyActive = false;}}); $ ('# BodyTemplates') ('# BodyTempNone'). Mouseup (function () {$ ('. BodyEditable'). CSS ('display', 'none);}); Since you can see in the Dev Tool the style has been correctly added to the element, so  

The problem is not so much about JQuery because it's about the cascade of CSS. Generally, such an element is added directly to anything that should be given priority, but there are exceptions. Can cause some confusing behavior Is there any important way for you?

Besides, since you are hiding and showing with display: Block and display: None, make sure that you do not have visibility: Override which is hidden in CSS.

Besides, for any reason you are not using anymore or?

If everything fails, then you can always try $ ('. BodyEditable'). CSS ('display', 'none! Important') ;.

I try to avoid! It is important because there are many headaches ... but it is in the imagination for some reason.