Remove Stil wichtig, mit append

Question

getätigt habe ich Problem für diese Art:

CASE:

1. Wenn Breite < = 800, function mlpushmenu Änderung transform :translate3d(-100%,0,0)

2. Wenn Breite> 800 Veränderung transform : none !important (muss verwendet werden! wichtig)

3. Dann versuchen Sie, Breite 0 zu ändern= 800, weil es keine ist wichtig function mlpushmenu nicht funktioniert, ich transform : none !important

JQuery entfernen müssen:

$(document).ready(function() { 
function jqUpdateSize(){ // for check size 
    var windowwidth = $(window).width(); 

    // for change transform, must set to !important 
    var $lvl = $("<style>.level > ul > li > .level {transform : none !important}</style>"); 

    if (windowwidth <= 800){ 
     // remove style not working 
     $lvl.remove(); 

     // WHEN THIS MLPUSH MENU WORK it's change transform. 
     new mlPushMenu(document.getElementById('menu'), document.getElementsByClassName('btnslick')[0], { 
      type : 'cover' 
     }); 
    }else{ 
     $lvl.appendTo("head"); 
    } 
}; 
$(document).ready(jqUpdateSize); 
$(window).resize(jqUpdateSize); 
}); 

Das funktioniert nicht ?, Wo ich falsch gemacht?

How to entfernen das! Wichtig?

Answer 1

Ich würde dies ändern, so dass der Stil mit CSS-Klassen angewendet wird. So haben Klassen wie folgt aus:

.withTranslate { 
    transform: translate3d(-100%,0,0); 
} 

.withoutTranslate { 
    transform: none !important; 
} 

Dann wird Ihr JavaScript ändern Sie die folgenden Funktionen ausführen:

function jqUpdateSize() { 
    // Get current width 
    var windowWidth = $(window).width(); 

    var $lvl = $(".level > ul > li > .level"); 

    // Remove both classes 
    $lvl.removeClass("withoutTranslate").removeClass("withTranslate"); 

    // Add appropriate class depending on width 
    $lvl.addClass(windowWidth <= 800 ? "withoutTranslate" : "withTranslate"); 

    // Other code 
    [...] 
};